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

发布时间：2020-12-16 03:06:10 所属栏目：百科来源：网络整理

导读：我正在尝试从一个调用视图加载一个部分视图到一个div,但是部分视图加载到新页面.没有太多的代码,我已经尝试了各种各样的代码从其他帖子的方式,但它仍然加载到一个新的页面.所以我想我可能会缺少一些基本的东西. 调节器 [AcceptVerbs(HttpVerbs.Get)]public

我正在尝试从一个调用视图加载一个部分视图到一个div,但是
部分视图加载到新页面.没有太多的代码,我已经尝试了各种各样的代码
从其他帖子的方式,但它仍然加载到一个新的页面.所以我想我可能会缺少一些基本的东西.

调节器

[AcceptVerbs(HttpVerbs.Get)]
public ActionResult Index()
{
    return View();
}

public ActionResult Test()
{
    return PartialView("Test");
}

视图

<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>

@using (Ajax.BeginForm("Test","Home",new AjaxOptions { InsertionMode=InsertionMode.Replace,UpdateTargetId = "mydiv" }))
{    
    @Ajax.ActionLink("Save","Test",new AjaxOptions{ });
}

<div id="mydiv">
    @Html.Partial("Test")
</div>

PartialView

<h1>Test</h1>

几句关于你的代码：

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

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

<script src="@Url.Content("~/scripts/jquery-1.4.4.js")" type="text/javascript"></script>

@Ajax.ActionLink("Save",new AjaxOptions { 
    InsertionMode = InsertionMode.Replace,UpdateTargetId = "mydiv"
})

<div id="mydiv">
    @Html.Partial("Test")
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!