MVC中的Ajax无刷新表单

一、无刷新表单

1、前台页面，首先得引用两个JS文件

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

2、放在一个div中，UpdateTargetId：需要更新到哪个地方，这里是更新到 id="result"的div中，Url：需要执行哪个控制器中的Action

<div>
@using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId="result",Url=Url.Action("result")}))
{
   @Html.EditorFor(p=>p)
   <input type="submit" value="提交" />
}
</div>

<div id="result"></div>

3、后台可以返回Content、JSon.....

如：

public string result(Person person)
{
    JavaScriptSerializer s = new JavaScriptSerializer();
    return s.Serialize(person);
}