ASP.Net Core中使用jquery-ajax-unobtrusive替换Ajax.BeginForm-程序员宅基地

技术标签: ViewUI  测试  javascript  

 

在大潮流下,大家都在研究MVVM框架,但是做面向搜索引擎的外网项目还是得用服务器渲染。

在.Net中肯定就是用Razor模板引擎了。

.Net Core断臂式重构后,很多在老得Mvc中使用得好好的一些功能,突然就不见了。

在这里鄙视一下微软,说好的无缝切换呢。。我看这个缝还是有点大。

ASP.Net Core中,使用TagHelper替换HtmlHelper。使得写出的Razor代码可读性更高,同时VS的提示能力更强了。

但是也丢掉了很多以前觉得很好用的东西,比如今天要说的Ajax.BeginForm,在ASP.Net Core中突然就不见了,搜索GitHub的Issue,发现官方不打算支持Ajax.BeginForm了。后续也无开发计划,那个issue直接被关闭了。

虽然没了Ajax.BeginForm。但是在墙外搜索到另一种TagHelper的实现。

直接在form上使用data-*去做异步表单,使用方式和Ajax.BeginForm半斤八两

https://github.com/aspnet/jquery-ajax-unobtrusive

去GitHub下载这个项目,然后点击build.cmd,脚本自动构建一个dilst,里面就是js文件

然后引用到项目中。就可以愉快的编写异步表单辣

<form asp-controller="Home" asp-action="Test" data-ajax="true" data-ajax-method="post" data-ajax-begin="begin" data-ajax-success="success">
    <label asp-for="UserName"></label>:
    <input asp-for="UserName" />
    <span asp-validation-for="UserName"></span>
    <br />
    <label asp-for="PassWord"></label>:
    <input asp-for="PassWord" />
    <span asp-validation-for="PassWord"></span>
    <button type="submit">Ok</button>
</form
  <script>
        var begin = function () {
            console.log("begin");
        }
        var success = function (context) {
            console.log(context)

        }
    </script>

 

这里提供了N多个data-ajax-*的taghelper,

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

好了,就酱紫了

 

转载于:https://www.cnblogs.com/feimaoicoding/p/10560707.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_30681121/article/details/96932778

智能推荐

java通过接口把图片处理成透明背景,java通过接口抠图_java 抠图-程序员宅基地

文章浏览阅读454次,点赞8次,收藏10次。【代码】java通过接口把图片处理成透明背景,java通过接口抠图。_java 抠图

java.sql.Date和java.util.Date的处理_import java.sql.date; import java.util.date;-程序员宅基地

文章浏览阅读682次。Bean类import java.util.Date;private Date active_time;//启用时间private Date insert_time;//入库时间数据库字段:&amp;quot;ACTIVE_TIME&amp;quot; DATE, &amp;quot;INSERT_TIME&amp;quot; DATE,service层:IncreDataBean idb=null;idb.setActive__import java.sql.date; import java.util.date;

为 SAP UI5 正名 - 它也支持双向绑定-程序员宅基地

文章浏览阅读705次。有的程序员和我讨论其现在的前端框架时,说Angular比UI5高级,因为前者支持双向绑定。然而UI5也是支持双向绑定的,看下面这张图里Data Binding-&amp;gt;Two way data binding一览,SAP UI5和Angular一样都是支持的哦:并且有代码为证:实际上,我专门在SAP社区上写过一篇文章,详细比较了Angular和UI5数据双向绑定的差异:I first ...

opencv实现双目视觉测距_双目测距 xiao_run-程序员宅基地

文章浏览阅读5.5w次,点赞80次,收藏616次。最近一直在研究双目视觉测距,资料真的特别多网上,有matlab 的,python的,C++的,但个人感觉都不详细,对于小白,特别不容易上手,在这里我提供一个傻瓜式教程吧,利用matlab来进行标注,图形界面,无须任何代码,然后利用C++实现测距与深度图,原理太多我就不提了,小白直接照做就OK 1、准备工作 *硬件准备* https://item.taobao.com/item.htm?spm=_双目测距 xiao_run

OpenCV学习笔记(七)图像卷积_opencv 3维卷积-程序员宅基地

文章浏览阅读2.7k次,点赞3次,收藏13次。&amp;emps;&amp;emps;图像卷积是我们对图像进行处理时最常用的方法,如去噪、滤波、边缘提取等都要用的卷积函数。OpenCV中提供了不同方法的卷积函数,包括Sobel算子、Laplace算子、Canny边缘检测算子等等,除了这些自带的函数,OpenCV库中还提供一种可以自定义卷积核的函数,可由用户自己根据需要定义合适的卷积核。先学习下OpenCV中自带的卷积函数Sobel算子O..._opencv 3维卷积

visdom安装及报错解决方案_conda下载visdom报错-程序员宅基地

文章浏览阅读2.1k次。一、安装1.使用conda命令安装在命令行执行"conda install visdom"命令即可完成下载及安装(自动选择适合系统的版本)。2.检查安装是否成功在命令行执行"python -m visdom.server"命令即可启动visdom服务,若安装成功则点击命令行出现的链接即可跳转到浏览器窗口,显示窗体等相关组件则正确完成安装。二、报错解决方案1.报错提示:缺少相关包文件在..._conda下载visdom报错

随便推点

获取Pandas列名的几种方法_pandas取列名-程序员宅基地

文章浏览阅读7.4w次,点赞25次,收藏108次。 获取DataFrame虽然是一个比较简单的操作,但是有时候到手边就是写不出来,所以在这里总结记录一下: 1.链表推倒式data = pd.read_csv('data/Receipt code January minute trading volume.csv')print([column for column in data])#打印结果['COUNT', 'S..._pandas取列名

第1关 输出 “Hello, World!“_1关hello world-程序员宅基地

文章浏览阅读363次。《C语言编程入门100题》实战编程,由WangTeacher精心制作,14+年专业程序员,精通多门编程语言,多年系统架构设计经验,从事网络安全行业,项目数过100,代码量过100W。 该课程将录制C语言入门编程100道编程题目,零基础,无门槛,喜欢都可以学习。配合另一个课程《C语言入门到精通》效果会更好。世上无难事,就怕有懒人。 ..._1关hello world

【BBO MTSP】生物地理学算法BBO求解单仓库多旅行商问题【含Matlab源码 3842期】-程序员宅基地

文章浏览阅读871次,点赞23次,收藏23次。生物地理学算法BBO求解单仓库多旅行商问题完整的代码,方可运行;可提供运行操作视频!适合小白!

Pygame游戏开发:添加游戏暂停功能_pygame暂停游戏-程序员宅基地

文章浏览阅读251次。在游戏开发中,游戏暂停功能是一个常见且重要的特性。当玩家需要暂停游戏时,这个功能可以提供便利,让玩家有时间休息、调整设置或者处理其他事务。在本文中,我们将学习如何使用Pygame库为我们的游戏添加暂停功能。现在,你已经成功地为你的Pygame游戏添加了暂停功能。当游戏暂停时,你可以选择不执行游戏逻辑更新和绘制操作,从而实现游戏的暂停效果。如果不是暂停状态,我们可以执行游戏的逻辑更新和绘制操作。你可以在注释的位置添加你的游戏逻辑。以上代码中,我们创建了一个800x600的游戏窗口,并设置了窗口标题。_pygame暂停游戏

CM+CDH 构建企业大数据平台_cm平台架构-程序员宅基地

文章浏览阅读1.2k次,点赞22次,收藏20次。CDH创建了一个功能先进的系统,可帮助您执行端到端的大数据工作流程。_cm平台架构

对偶律_概率论对偶律公式-程序员宅基地

文章浏览阅读1.7w次。集合对偶律证明(A∩B)C=AC∪BC.能不能用图中的颜色来说明,首先,整个 I 区域被 A、B 分割为互不重叠的 4 部分:灰、红、蓝、绿;而对偶律,也就是上面这个公式,可以这样证明:左边 = [(红绿) 与 (蓝绿) 的交] 的补 = [绿] 的补 = 灰红蓝;右边 = [(红绿) 的补] 与 [(蓝绿) 的补] 的并 = [(灰蓝)] 与 [(灰红_概率论对偶律公式

推荐文章

热门文章

相关标签