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);
}