MVC3----AJAX輔助方法

===================Ajax.ActionLink

ActionLink方法可以創建一個具有一步行為的錨標簽。

例如：

給頁面一個鏈接，點擊鏈接在當前頁面顯示信息，而不是打開一個新的頁面

--視圖代碼：

@Ajax.ActionLink("ajax",//頁面鏈接名稱
"GetAjax",//控制器中的方法
new AjaxOptions
{
    UpdateTargetId = "getajax",//要替換的標簽
    InsertionMode = InsertionMode.Replace,//插入模式：替換標簽
    HttpMethod = "get"http://get請求
})
<!--被操作的標簽-->
<div id="getajax"></div>

--控制器代碼：（返回一個部分視圖到前臺，需要在視圖中創建一個GetAjax.cshtml視圖）

public ActionResult GetAjax()
{
    return this.PartialView();
}

===================Ajax表單

案例：異步查詢數據

--視圖代碼：

<!--ajax執行失敗時執行一段腳本-->
<script>
    function loadFailure() {
        $("#div1").text("加載失敗");
    }
</script>

@using (Ajax.BeginForm("personSearch",//控制器方法
    "PersonError",//控制器
    new AjaxOptions() { //AjaxOptions對象
    HttpMethod="get",//提交方式
    InsertionMode = InsertionMode.Replace,//插入模式：替換標簽
    UpdateTargetId = "div1",//操作的標簽
    LoadingElementId = "ajax-load",//點擊提交按鈕時，一個顯示加載的狀態（這里用的是gif加載圖片）
    OnFailure="loadFailure"http://當ajax執行失敗時執行一段腳本
}))
{
    <input type="text" name="q" />
    <input type="submit" value="提交" />
    <!--加載的狀態（這里用的是gif加載圖片）-->
    <img id="ajax-load" src="@Url.Content("~/Content/img/017.gif")"  />
}
<!--被操作的標簽-->
<div id="div1"></div>

--控制器代碼：（返回一個部分視圖到前臺，需要在視圖中創建一個personSearch.cshtml視圖）

public ActionResult personSearch(string q)
{
    var list = db.SchoolTypes.Where(r => r.st_name == q).Select(r => r).ToList();
    return PartialView(list);
}