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 相关文章推荐
用JavaScript显示随机图像或引用
Apr 21 Javascript
网页中可关闭的漂浮窗口实现可自行调节
Aug 20 Javascript
JavaScript之IE的fireEvent方法详细解析
Nov 20 Javascript
Jquery倒计时源码分享
May 16 Javascript
JS实现一个按钮的方法
Feb 05 Javascript
jQuery插件zoom实现图片全屏放大弹出层特效
Apr 15 Javascript
详解javascript中的事件处理
Nov 06 Javascript
AngularJS学习笔记之依赖注入详解
May 16 Javascript
AngularJS模块详解及示例代码
Aug 17 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 Javascript
一道面试题引发的对javascript类型转换的思考
Mar 06 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
Jul 25 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新手上路(八)
2006/10/09 PHP
laravel学习教程之存取器
2016/07/30 PHP
JavaScript Sort 表格排序
2009/10/31 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
2011/04/02 Javascript
jquery网页元素拖拽插件效果及实现
2013/08/05 Javascript
JS获取地址栏参数的小例子
2013/08/23 Javascript
js创建一个input数组并绑定click事件的方法
2014/06/12 Javascript
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
2015/03/14 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
2016/08/24 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
Javascript 编码约定(编码规范)
2018/03/11 Javascript
详解使用create-react-app快速构建React开发环境
2018/05/16 Javascript
深入浅析Vue中的 computed 和 watch
2018/06/06 Javascript
详解jQuery设置内容和属性
2019/04/11 jQuery
Vue路由 重定向和别名的区别说明
2020/09/09 Javascript
[48:38]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs Secret
2018/03/31 DOTA
使用PDB模式调试Python程序介绍
2015/04/05 Python
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
利用python求解物理学中的双弹簧质能系统详解
2017/09/29 Python
解读python logging模块的使用方法
2018/04/17 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
浅谈python之高阶函数和匿名函数
2019/03/21 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
用Python制作音乐海报
2021/01/26 Python
linux面试题参考答案(11)
2012/05/01 面试题
教师专业自荐信
2014/05/31 职场文书
社区党建工作方案
2014/06/10 职场文书
家长会标语
2014/06/24 职场文书
学生上课说话检讨书
2014/10/25 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
活动总结书怎么写
2015/05/11 职场文书
2015年暑期社会实践方案
2015/07/14 职场文书
导游词之韩国济州岛
2019/10/28 职场文书
Web前端:CSS最强总结 附详细代码
2021/03/31 HTML / CSS