jQuery.form.js插件回调函数失效的解决办法

最新推荐文章于 2023-03-23 15:50:28 发布
原创 最新推荐文章于 2023-03-23 15:50:28 发布 · 901 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #表单

本文探讨了jQuery表单插件中success回调函数不执行的问题。分析指出，当设置了目标DOM且未指定服务器返回的数据类型时，success回调会被替换。问题在于目标DOM对象不存在。

问题是这样的， success回调函数始终没办法执行， 而表单提交前的函数却没问题


源码分析：


189行这个地方， 如果target这个参数有存在， 同时又没设置服务器返回的dataType， 那么这时候success回调函数就会被191行这个函数替换掉。 这个函数的作用是将目标dom的html替换成服务器返回的内容

看源码193行实际上如果options.target是存在的， 那么通过each还是是可以执行到回调函数的。只所以回调函数没有起作用是因为该dom对象不存在。。。。

关于jquery.form.js的使用请看：

jQuery插件 -- Form表单插件jquery.form.js

【Auto.JS】Autojs官方提取文档使用说明函数 (1)
小宋小宋
07-10 3万+
Auto.js文档 综述 Auto.js使用JavaScript作为脚本语言，目前使用Rhino 1.7.7.2作为脚本引擎，支持ES5与部分ES6特性。 因为Auto.js是基于JavaScript的，学习Auto.js的API之前建议先学习JavaScript的基本语法和内置对象，可以使用教程前面的两个JavaScript教程链接来学习。 如果您想要使用TypeScript来开发，目前已经有开发者公布了一个可以把使用TypeScript进行Auto.js开发的工具，参见Auto.js DevTo
Vue核心技术与实战--2023.7.4
weixin_65590235的博客
07-04 828
Vue+面经
jquery.form.js后台提交成功，但没触发回调函数
a1125517704的博客
05-05 4389
jquery.form.js，一个方便的小插件，可以很好的实现异步上传文件。 但在使用过程中，总会出现一些诡异的现象，比如提交成功但没触发回调函数。 此时你设置error回调，就会发现，报错了！！！然后去网上查，大多数都是错误的。 至于为啥报错，我就这点讲述我知道的几种可能。 1,返回的数据格式不对，如果加了dataType这个参数，js会检验返回的格式，如果返回格式错误，就会报错，所以用
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
10-27
jqeury的validationEngine做ajax校验，当表单中的最后一个字段需要做ajax验证,在字段输入完毕后点击回车提交表单时不起作用，接下来为大家介绍下解决方法感兴趣的各位可以参考下哈
关于jquery.unobtrusive-ajax.js 回调函数无效 的解决办法
weixin_30344131的博客
06-14 280
今天新项目的时候写MVC的时候使用到了Ajax.BeginForm，发现它的回调函数怎么都不响应，最后在网上查找了相关资料跟自己写的一些代码测试， 总算找到了原因：jquery.unobtrusive-ajax.js内部会使用到jquery的live()方法，而引入高版本的jquery已经移除了live()的方法。 解决方式有2个 ①：引入支持live()方法的jquery版本...
EXTJS4.0 form 表单提交 后 回调函数 不响应的问题
08-02 237
在提交表单后，应返回一个 JSON 至少要包含{success:true} 否则，EXT 不知道是否成功，没有响应。 {success:true,msg:'成功',Url:'http://www.baidu.com'} 转载于:https://www.cnblogs.com/90nice/p/3232178.html...
jquery getJson IE下再次调用回调函数无效不起作用解决
iteye_15797的博客
11-11 246
项目使用jqery combox ajax 下拉列表，在IE下第一次打开没有问题可从后台获得数据，但是的二次打开不能从后台获得最新数据，跟踪发现第二次打开回调函数没有起作用，仍然是上次老数据。在firefox和Chrome下则没有这个问题。 后发现是jquery ajax 缓存设置问题。原来数据被IE缓存了，原来getJSON是jquery数据交互中的第三层，最底层就是$.ajax()，$.aj...
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
11-28
如果你正从 v0.4.5 迁移到 v0.5.2-dev 或更高版本，你应该将依赖于 `submitHandler` 的代码迁移到 `success.form.bv` 事件的回调函数中。 此外，确保在处理 `success.form.bv` 事件时调用 `e.preventDefault()` 来...
依然报错，toAddOtherTransaction.action?transaction_id=M-25-0010668&status=8:699 Uncaught TypeError: form.on is not a function at t.<anonymous> (toAddOtherTransaction.action?transaction_id=M-25-0010668&status=8:699:14) at c (layui.all.js:2:1505) at t.fn.use (layui.all.js:2:1916) at toAddOtherTransaction.action?transaction_id=M-25-0010668&status=8:695:11
最新发布
04-17
需要提醒用户在回调函数内部获取form对象，并确保所有操作都在回调函数内部进行，避免异步加载导致的问题。 可能还需要检查layui的版本是否过旧，或者是否与其他库冲突。但根据用户提供的引用，问题更可能出在模块...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
fwdwqdwq的博客
03-07 3225
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
一些js插件不足的解决方案
weixin_33739523的博客
01-20 126
1.消息框插件-toastr缺点：弹出消息提示层会累加。如果想要达到同一时间只弹出一个框的效果，需要每段js代码前面都调用toastr.clear()方法。解决方案：源码中notify = function (map) {}方法的最前面添加clear()方法， notify = function (map) { clear();//清空信息 ...
引入jquery-form插件其他组件失效问题
liudawanghaha的博客
05-24 274
jQuery-form.js实现文件上传，引入其他组件来实现其他功能，例如h5validate.js来实现表单验证功能，使用selectpicker.js来实现下拉框的多功能，但是在使用完jQuery-form.js实现文件上传之后，其他插件纷纷失效，如图： 上传完文件之后页面中的isAllPass方法失效，这是由于jQuery-form.js引入之后，由于jQuery引入jquery-form.js之后，引入其他插件时，jquery还没有引入，导致依赖于jquery的插件失效，需要定义插件依赖于jquer
jQuery.form.js使用遇到的一个小问题，回调函数没有执行
weixin_51290464的博客
03-23 386
在ajaxSubmit执行后浏览器终端输出“Resource interpreted as Document but transferred with MIME type application/json:”同时回调函数没有执行。原因为下图：服务器在处理上传的数据时报错，推测为没有返回正常数据，所以没有执行回调函数。遇到跟我一样的问题可以参考一下。（其实浏览器是有接收到后端返回的数据的，但当我处理了后端报错的bug之后就不出现这个问题了）
jQuery 中ajax的success方法不触发的解决方法
乔木晨子的博客
09-06 3867
1.上代码，注意其中的text:"json"，检查你原来的dataType:"json"，改过来试试 function deleteObj(id) { if (confirm("确认删除？")) { $.ajax({ type: 'POST', url: "system/jobs/del", data: { "id": id }, text: "json",/*注意写成这个样子*/ success: function (data
js 回调函数 3种用法
zhuwang219的博客
01-05 2564
js 回调函数大致有以下三种用法， 1，直接回调 2，call回调 3，apply回调 回调函数作用得当，减少代码冗余，代码可读性增强，代码维护也轻松很多。 什么要用到回调函数呢? 当有很多地方需要调用同一个函数，并且这一函数根据不同的需要，作不同的处理，这个时候用回调函数就特别合适了。 一，直接回调 function son () { alert('tank t
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值