取代Ajax.BeginForm的ajax使用方法

最新推荐文章于 2025-08-19 15:52:54 发布

转载最新推荐文章于 2025-08-19 15:52:54 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hahaxi/p/6780746.html

文章标签：

#测试

本文介绍如何在ASP.NET Core应用中利用jQuery插件实现AJAX功能，包括必要的属性配置及注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、前提概要

Asp.net core中已经取消了Ajax.BeginForm，也不会计划出ajax tag helper，所以得利用插件jquery-ajax-unobtrusive，在form中加入相关data-*属性

二、参考资料

https://github.com/aspnet/Mvc/issues/2015

http://bradwilson.typepad.com/blog/2010/10/mvc3-unobtrusive-ajax.html

三、使用方法

1、AjaxOptions与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               |
+------------------------+-----------------------------+

2、在form中配置

<form asp-controller="ControllerName" asp-action="ActionName"  data-ajax="true" data-ajax-mode="replace" data-ajax-loading="search-info-ajax" data-ajax-update="#info-list" data-ajax-success="testajaxsuccess" data-ajax-method="get">
</form>