ajax – 将部分视图加载到div中

前端之家收集整理的这篇文章主要介绍了ajax – 将部分视图加载到div中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试从一个调用视图加载一个部分视图到一个div,但是
部分视图加载到新页面.没有太多的代码,我已经尝试了各种各样的代码
从其他帖子的方式,但它仍然加载到一个新的页面.所以我想我可能会缺少一些基本的东西.

调节器

  1. [AcceptVerbs(HttpVerbs.Get)]
  2. public ActionResult Index()
  3. {
  4. return View();
  5. }
  6.  
  7. public ActionResult Test()
  8. {
  9. return PartialView("Test");
  10. }

视图

  1. <script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
  2. <script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
  3.  
  4. @using (Ajax.BeginForm("Test","Home",new AjaxOptions { InsertionMode=InsertionMode.Replace,UpdateTargetId = "mydiv" }))
  5. {
  6. @Ajax.ActionLink("Save","Test",new AjaxOptions{ });
  7. }
  8.  
  9. <div id="mydiv">
  10. @Html.Partial("Test")
  11. </div>

PartialView

  1. <h1>Test</h1>
几句关于你的代码

> Ajax.*在ASP.NET MVC 3 RC2中的帮助者不再使用已被弃用的MS AJAX,有利于jQuery,所以你的脚本包含错误.你需要包括jquery
>您有一个没有提交按钮和ajax链接的表单中的ajax表单.这没有意义使用ajax形式或ajax链接.

所以你的代码可能会看起来像:

  1. <script src="@Url.Content("~/scripts/jquery-1.4.4.js")" type="text/javascript"></script>
  2.  
  3. @Ajax.ActionLink("Save",new AjaxOptions {
  4. InsertionMode = InsertionMode.Replace,UpdateTargetId = "mydiv"
  5. })
  6.  
  7. <div id="mydiv">
  8. @Html.Partial("Test")
  9. </div>

猜你在找的Ajax相关文章