.net core jquery ajax使用

发布时间：2020-02-19 19:52:25来源：本站阅读（1007）

以前经常用到 ajax.beginform等这些，在core里不能用了。说实话，之前的AJAX用法还挺好用，个人觉得。

在core里想用回之前的怎么办呢？请参考以下链接

https://dotnetthoughts.net/jquery-unobtrusive-ajax-helpers-in-aspnet-core/

之前只是微软封装好了，让我们使用，现在要想用，就得自己写。

第一，引包，jquey 和 jquery.unobtrusive-ajax.min.js

第二，在html代码中加入对应的内容。

<form asp-controller="Home" asp-action="SaveForm"
    data-ajax-begin="onBegin" data-ajax-complete="onComplete"
    data-ajax-failure="onFailed" data-ajax-success="onSuccess"
    data-ajax="true" data-ajax-method="POST">
    <input type="submit" value="Save" class="btn btn-primary" />
    <div id="Results"></div>
</form>

var results = $("#Results");
var onBegin = function(){
    results.html("<img src=\"/images/ajax-loader.gif\" alt=\"Loading\" />");
};

var onComplete = function(){
    results.html("");
};

var onSuccess = function(context){
    alert(context);
};

var onFailed = function(context){
    alert("Failed");
};

我相信之前用过的小伙伴看了以上代码应该明白了。

以下是之前ajaxoption每一项对应的html

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

好了，有兴趣的朋友可以试试了。