jQuery Unobtrusive Ajax Helpers怎样在ASP.NET Core使用

ASP.NET Core使用jQuery Unobtrusive Ajax Helpers,这篇文章是关于在ASP.NET Core中获取jQuery Unobtrusive Ajax助手。AjaxHelper类表示支持在视图中的AJAX场景中呈现HTML。如果要将现有的ASP.NET MVC项目迁移到ASP.NET Core MVC,但没有可用的标记帮助程序作为替换。相反,ASP.NET Core团队建议使用data-*属性。所有现有@Ajax.Form属性都可用作data-*属性。

jQuery Unobtrusive Ajax Helpers
razor pages ajax

jQuery Unobtrusive Ajax Helpers

要首先使用它,您需要参考jqueryjquery.unobtrusive-ajax脚本,您可以通过bower下载和安装它。这是通过bower安装脚本库的命令 – bower install Microsoft.jQuery.Unobtrusive.Ajax

安装脚本后,您可以_layout.cshtml像这样在文件中引用它。

<script src="~/lib/Microsoft.jQuery.Unobtrusive.Ajax/jquery.unobtrusive-ajax.min.js"></script>

以下是可用于迁移@Ajax.Form帮助程序的属性。

AjaxOptionsHTML attribute
Confirmdata-ajax-confirm
HttpMethoddata-ajax-method
InsertionModedata-ajax-mode
LoadingElementDurationdata-ajax-loading-duration
LoadingElementIddata-ajax-loading
OnBegindata-ajax-begin
OnCompletedata-ajax-complete
OnFailuredata-ajax-failure
OnSuccessdata-ajax-success
UpdateTargetIddata-ajax-update
Urldata-ajax-url

您可以使用Form元素添加这些属性。

<form asp-controller="Home" asp-action="SaveForm" data-ajax="true" data-ajax-method="POST">
</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");
};

这是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>

User Review
0 (0 votes)
本站最新优惠

Namesilo优惠:新用户省 $1 域名注册-优惠码:45D%UYTcxYuCloZ 国外最便宜域名!点击了解更多

特别优惠:免费赠送 $100 Vultr主机-限时优惠!英文站必备海外服务器!点击了解更多

VPS优惠:搬瓦工优惠码:BWH3OGRI2BMW 最高省5.83%打开外面世界的一款主机点击了解更多

原创文章,作者:江小编,如若转载,请注明出处:https://jhrs.com/2019/27153.html

扫码关注【江湖人士】公众号,您会获得关于国外被动收入的最新资讯

WA付费会员QQ群:387027533,加这个群需要回答您的WA会员名,待核实后予以通过

普通QQ交流群:178758794,可分享交流建站的各类经验和知识

发表评论

电子邮件地址不会被公开。 必填项已用*标注

2 × 2 =