在不重新加载/刷新的情况下在当前页面中加载不同的html

时间:2012-05-30 10:00:46

标签: asp.net-mvc-3 single-page-application

我正在查看这个网站,我感兴趣的是开发人员是如何设法在单个页面中加载不同的htmls而不重新加载当前页面...

这是网站:http://demos.kendoui.com/web/validator/index.html ...

例如,如果您在框架部分中点击了全球化,您可以看到网址已更改,正文也已更改但页面的一部分仍然存在(顶部)并且当前页面未重新加载...

我刚刚开始进行网络开发,我想知道这种技术......我希望你能分享给我......谢谢:)

1 个答案:

答案 0 :(得分:2)

它正在使用ajax部分更新。您将请求发送到服务器并获取页面的一部分,然后将其放在某个元素中,例如div。

正常:

<html>
   <head>
   <head>
   <body>
      <div id="divToUpdate"></div>
      @Ajax.ActionLink("Call Partial", "MyAction", "MyController", AjaxOptions{ UpdateTargetId = "divToUpdate" })
   <body>
</html>

部分:

 <span> here is my partial view which will be placed in "divToUpdate" div after clicking "Call Partial" Link </span>