<h3>MVC 自帶的yibu請求</h3>
<%-- 1.要執行的方法，2.控制器，3.Ajax操作--%>
<%using (Ajax.BeginForm("Date", "Ajax", new AjaxOptions() {
Confirm="確認要提交嗎",
HttpMethod="post",
UpdateTargetId = "ResultDiv",
InsertionMode=InsertionMode.InsertAfter,
OnSuccess="AfterSuccess",
LoadingElementId = "UpdateTargetId",
}))
{ %>
<input name="TxtName" />
<br />
<input type="submit" value="獲取日期" />
<%} %>
<div id="ResultDiv">

</div>
<div id="UpdateTargetId">
請稍等，正在與后臺交互中，Load...........<br/>
UpdateTargetId = "UpdateTargetId"
</div>
至關重要的是Scripts/jquery.unobtrusive-ajax.js這個js文件 是unobtrusive隱式的意思

在這個例子中，只有一個按鈕，異步請求也就是當有數據提交時(本頁面有按鈕被按下時)都會進行異步提交，都會觸發異步里寫的方法屬性

----------------------------------------------------------------------------------------------------------
翻譯成源代碼：
<form action="/Ajax/Date" data-ajax="true" data-ajax-confirm="確認要提交嗎" data-ajax-loading="#UpdateTargetId" data-ajax-method="post" data-ajax-mode="after" data-ajax-success="AfterSuccess" data-ajax-update="#ResultDiv" id="form0" method="post">
<input name="TxtName" />
<br />
<input type="submit" value="獲取日期" />
</form>
<div id="ResultDiv">
</div>
<div id="UpdateTargetId">
請稍等，正在與后臺交互中，Load...........<br/>
</div>
----------------------------------------------------------------------------------------------------------
public ActionResult Index()
{
return View();
}

public ActionResult Date()
{
Thread.Sleep(5000);
return Content(DateTime.Now.ToString());
}

轉載于:https://www.cnblogs.com/ZkbFighting/p/8306073.html

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的Mvc异步的全部內容，希望文章能夠幫你解決所遇到的問題。

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