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%打开外面世界的一款主机点击了解更多

Paxful上购买比特币

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

扫码注册Paxful账户开始交易比特币,全球300多种支付方式任意选,国内需使用外网工具打开

必备的解锁外网工具,畅访谷歌等国外网站,几包烟钱让你无须再找免费梯

发表评论

登录后才能评论
Domain购买域名,主机全场85折,优惠券代码:NEWBIZ ,截止3月31日
见官网
直达domain.com