延續上一篇,後端寫得差不多該開始刻前端了
以前都用 Ajax.BeginForm 來當起手式,沒想到 Core 不能用
現在時代不一樣了,以往用 Razor 寫的語法現在都改成 tag 來表示,只好 Google 一下取代方案
首先,專案要加入 Microsoft.jQuery.Unobtrusive.Ajax 套件
放在 _layout.cshtml 就可以了
<script src="~/lib/Microsoft.jQuery.Unobtrusive.Ajax/jquery.unobtrusive-ajax.min.js"></script>
接著就可以愉快的使用啦
以下紀錄 AjaxOptions 的新寫法
AjaxOptions | HTML attribute |
---|---|
Confirm | data-ajax-confirm |
HttpMethod | data-ajax-method |
InsertionMode | data-ajax-mode |
LoadingElementDuration | data-ajax-loading-duration |
LoadingElementId | data-ajax-loading |
OnBegin | data-ajax-begin |
OnComplete | data-ajax-complete |
OnFailure | data-ajax-failure |
OnSuccess | data-ajax-success |
UpdateTargetId | data-ajax-update |
Url | data-ajax-url |
資料參考: