Mvc异步
<h3>MVC 自帶的yibu請求</h3>
<%-- 1.要執(zhí)行的方法,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隱式的意思
在這個例子中,只有一個按鈕,異步請求也就是當有數(shù)據(jù)提交時(本頁面有按鈕被按下時)都會進行異步提交,都會觸發(fā)異步里寫的方法屬性
----------------------------------------------------------------------------------------------------------
翻譯成源代碼:
<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年碼齡,通宵達旦的技術人生總結
- 上一篇: Node.js 常用Mongoose方法
- 下一篇: C++实验二