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

前端之家收集整理的这篇文章主要介绍了ajax – 将部分视图加载到div中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试从一个调用视图加载一个部分视图到一个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>
原文链接:https://www.f2er.com/ajax/160080.html

猜你在找的Ajax相关文章