ASP.NET Core MVC Ajax

  • 887
  • 0
  • 2020-09-11

延續上一篇,後端寫得差不多該開始刻前端了

以前都用 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

 

資料參考:

jQuery Unobtrusive Ajax Helpers in ASP.NET Core