示例演示一個鏈接，點擊后利用Ajax更新特定id的標簽中的內容

首先在_Layout.cshtml中加入js

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

Web.config中設置

<appSettings><add key="webpages:Version" value="1.0.0.0"/><add key="ClientValidationEnabled" value="true"/><add key="UnobtrusiveJavaScriptEnabled" value="true"/></appSettings>

Razor中的內容包括如下

<div id="ajaxLoading">請稍后，數據加載ing........</div> <div id="ajaxUpdate" ></div>

?上面ajaxLoading標簽中的內容用于調用ajax的過程中顯示，增加客戶體驗

ajaxUpdate標簽中的內容用于調用完ajax后更新內容

@Ajax.ActionLink("一個ajax鏈接", "AjaxActionName",
　　　　　　　　　　"AjaxControllerName", new { routeValues = 1 }, new AjaxOptions { UpdateTargetId = "ajaxUpdate", HttpMethod = "POST", InsertionMode = System.Web.Mvc.Ajax.InsertionMode.Replace, LoadingElementId = "ajaxLoading" })

上面AjaxOptions參數中分別設置要更新的內容塊id為ajaxUpdate，和更新時顯示的加載提示塊ajaxLoading

?

記得你的Controller中的Action應該返回一個分部視圖

　　　　 [HttpPost]public ActionResult AjaxActionName(int routeValues){//do something...return PartialView(); }

?

?

轉載于:https://www.cnblogs.com/leiOOlei/archive/2012/08/01/2618555.html

總結

以上是生活随笔為你收集整理的ASP.NET MVC3 中的AJAX的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。