博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【转】ASP.NET MVC AJAX.BeginForm异步提交和刷新无效
阅读量:5908 次
发布时间:2019-06-19

本文共 918 字,大约阅读时间需要 3 分钟。

之前新建一个ASP.NET MVC5网站的时候发现AjaxHelper类的ajax操作无效,主要问题出现在使用Ajax.BeginForm方法进行AJAX表单提交,参数和代码都正确的情况下就是没有进行异步提交,页面也没有异步刷新,其他相关的AJAX操作都变成同步操作。造成此问题的原因主要有两个:关键JS文件没引用,或者引用顺序错了。

在ASP.NET MVC中如果要使用AjaxHelper类的AJAX异步操作,比如ActionLink,BeginForm,RouteLink等方法,就一定要引入jquery.unobtrusive-ajax.js这个文件,这个文件是基于JQuery,所以顺序一定要放在JQuery后面,有部分猿类同胞有遇到这个问题。

此外由于我使用的是ASP.NET MVC5,开发工具是VS2015,默认是没有引入jquery.unobtrusive-ajax.js,不知道是不是版本问题,网上也有很多人VS没有自动引入Microsoft.jQuery.Unobtrusive.Ajax。

这个问题确实折腾了我很多时间,后来仔细想想,如果自己能稍微静心下来也许这个问题根本不用浪费这么多时间,果然写代码不能太浮躁!另外这也提醒自己每当有新项目时一定要先配置好相关类库和脚本。

解决方案

先看下插件的官方地址:

Microsoft.jQuery.Unobtrusive.Ajax插件官网截图

使用NuGet安装插件非常简单,第一种方式是使用NuGet程序包管理控制台安装,直接输入下面指令即可:

PM> Install-Package Microsoft.jQuery.Unobtrusive.Ajax

默认是安装最新版本的插件,如果要指定安装的版本,要在后面添加版本号,如下图:

安装指定版本的Ajax插件

第二种方法是使用NuGet程序包管理工具,右键点击要安装MVC AJAX插件的项目进入管理界面,搜索Microsoft.jQuery.Unobtrusive.Ajax,直接点击安装即可,如下图所示:

安装jQuery.Unobtrusive.Ajax步骤一

安装jQuery.Unobtrusive.Ajax步骤二

转载于:http://shiyousan.com/post/635755969819831275

转载于:https://www.cnblogs.com/Relict/articles/5879271.html

你可能感兴趣的文章
UNIX网络编程读书笔记:TCP输出、UDP输出和SCTP输出
查看>>
扩展 DbUtility (1)
查看>>
iOS开发UI篇—使用picker View控件完成一个简单的选餐应用
查看>>
Hadoop学习笔记系列文章导航
查看>>
SpringMVC中ModelAndView addObject()设置的值jsp取不到的问题
查看>>
Prometheus : 入门
查看>>
使用 PowerShell 创建和修改 ExpressRoute 线路
查看>>
在C#中获取如PHP函数time()一样的时间戳
查看>>
Redis List数据类型
查看>>
大数据项目实践(四)——之Hive配置
查看>>
初学vue2.0-组件-文档理解笔记v1.0
查看>>
上传图片预览
查看>>
lagp,lacp详解
查看>>
LVS之DR模式原理与实践
查看>>
Docker的系统资源限制及验证
查看>>
c++ ios_base register_callback方法使用
查看>>
Java中为什么需要Object类,Object类为什么是所有类的父类
查看>>
angularjs-paste-upload
查看>>
linux基础命令 head
查看>>
objective c:import和include的区别, ""和<>区别
查看>>