jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法


Posted in Javascript onOctober 14, 2016

jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。

最近在使用jquery.form.js提交包含文件的表单时,碰到了一个问题:当碰上网速较慢时,而我们又设置了timeout时,例如:

var options = { 
timeout: 3000 //限制请求的时间,当请求大于3秒后,跳出请求 
}

我们的页面会死在这里,贴上F12开发者工具返回的结果:

jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法

此时,我们并没有处理错误的回调函数,而百度出来的例子中也只有这两个回调函数:

beforeSubmit: showRequest, //提交前的回调函数 
success: showResponse, //提交后的回调函数

所以,我去官网查看API,官网:http://malsup.com/jquery/form/#options-object,果然找到了处理错误的回调函数:

error
Callback function to be invoked upon error.

所以我的options是这么写的:

var options = {
beforeSubmit: showRequest, //提交前的回调函数 
success: showResponse, //提交后的成功的回调函数 
error:showError, //提交后的错误的回调函数
timeout: 3000 //限制请求的时间,当请求大于3秒后,跳出请求
}

回调函数是这么写的:

function showError(responseText, statusText){
if(statusText=='timeout'){
layer.msg("服务器繁忙,请稍后再试!", {icon: 5,time:1500});
return;
}
}

以上所述是小编给大家介绍的jQuery.form.js插件不能解决连接超时(timeout的原因分析及解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
json简单介绍
Jun 10 Javascript
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
Apr 12 Javascript
jQuery toggleClass应用实例(附效果图)
Apr 06 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
Sep 26 Javascript
javascript+html5+css3自定义弹出窗口效果
Oct 26 Javascript
express+mockjs实现模拟后台数据发送功能
Jan 07 Javascript
详解webpack的proxyTable无效的解决方案
Jun 15 Javascript
详解SPA中前端路由基本原理与实现方式
Sep 12 Javascript
在移动端使用vue-router和keep-alive的方法示例
Dec 02 Javascript
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
element的el-table中记录滚动条位置的示例代码
Nov 06 Javascript
解决vue中el-tab-pane切换的问题
Jul 19 Javascript
Js动态设置rem来实现移动端字体的自适应代码
Oct 14 #Javascript
JS动态计算移动端rem的解决方案
Oct 14 #Javascript
javascript对浅拷贝和深拷贝的详解
Oct 14 #Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 #Javascript
第一次接触神奇的Bootstrap
Oct 14 #Javascript
js仿手机页面文件下拉刷新效果
Oct 14 #Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 #Javascript
You might like
兼容性最强的PHP生成缩略图的函数代码(修改版)
2011/01/18 PHP
PHP判断远程url是否有效的几种方法小结
2011/10/08 PHP
php网上商城购物车设计代码分享
2012/02/15 PHP
ThinkPHP2.x防范XSS跨站攻击的方法
2015/09/25 PHP
PHP设计模式之简单投诉页面实例
2016/02/24 PHP
PHP使用Memcache时模拟命名空间及缓存失效问题的解决
2016/02/27 PHP
discuz论坛更换域名,详细文件修改步骤
2020/12/09 PHP
获取焦点时,利用js定时器设定时间执行动作
2010/04/02 Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
微信小程序 PHP后端form表单提交实例详解
2017/01/12 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
2017/03/03 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
2017/11/08 jQuery
JS+WCF实现进度条实时监测数据加载量的方法详解
2017/12/19 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
ES6基础之默认参数值
2019/02/21 Javascript
angularjs1.X 重构controller 的方法小结
2019/08/15 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
详解node和ES6的模块导出与导入
2020/02/19 Javascript
javascript实现移动端轮播图
2020/12/09 Javascript
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python FTP操作类代码分享
2014/05/13 Python
Python利用Nagios增加微信报警通知的功能
2016/02/18 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
Python标准库shutil用法实例详解
2018/08/13 Python
Python异常的检测和处理方法
2018/10/26 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
python函数中将变量名转换成字符串实例
2020/05/11 Python
实例代码讲解Python 线程池
2020/08/24 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
Camille Jewelry官网:现代女性时尚首饰
2019/07/07 全球购物
初三学生个人自我评定
2014/04/06 职场文书
525心理活动总结
2014/07/04 职场文书