延續上一篇,後端寫得差不多該開始刻前端了
以前都用 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 |
資料參考: