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 相关文章推荐
extjs表格文本启用选择复制功能具体实现
Oct 11 Javascript
JavaScript中的ubound函数使用实例
Nov 04 Javascript
javascript入门教程基础篇
Nov 16 Javascript
Jquery Mobile 自定义按钮图标
Nov 18 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
Dec 26 Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 Javascript
详解Vue实战指南之依赖注入(provide/inject)
Nov 13 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
Jul 30 Javascript
node中使用log4js4.x版本记录日志的方法
Aug 20 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 Javascript
vue.js 子组件无法获取父组件store值的解决方式
Nov 08 Javascript
JavaScript设计模型Iterator实例解析
Jan 22 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
海河写的 Discuz论坛帖子调用js的php代码
2007/08/23 PHP
php自定义的格式化时间示例代码
2013/12/05 PHP
Yii2如何批量添加数据
2016/05/17 PHP
PHP实现下载远程图片保存到本地的方法
2017/06/19 PHP
PHP 扩展Memcached命令用法实例总结
2020/06/04 PHP
关于js拖拽上传 [一个拖拽上传修改头像的流程]
2011/07/13 Javascript
JS模拟自动点击的简单实例
2013/08/08 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
javascript实现iframe框架延时加载的方法
2014/10/30 Javascript
JS根据生日月份和日期计算星座的简单实现方法
2016/11/24 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
2016/12/15 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
详解vue2.0脚手架的webpack 配置文件分析
2017/05/27 Javascript
jquery之基本选择器practice(实例讲解)
2017/09/30 jQuery
js最简单的双向绑定实例讲解
2018/01/02 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
2018/02/06 Javascript
VueJs组件之父子通讯的方式
2018/05/06 Javascript
JS对象和字符串之间互换操作实例分析
2019/02/02 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
2020/07/22 Javascript
js加减乘除精确运算方法实例代码
2021/01/17 Javascript
Python工程师面试题 与Python基础语法相关
2016/01/14 Python
如何使用Python的Requests包实现模拟登陆
2018/04/27 Python
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
英国女性化妆品收纳和家具网站:Beautify
2019/12/07 全球购物
个人简历自我评价八例
2013/10/31 职场文书
会计出纳岗位职责
2013/12/25 职场文书
开门红主持词
2014/04/02 职场文书
社会实践活动总结范文
2014/07/03 职场文书
2014年采购部工作总结
2014/11/20 职场文书
2014年环境整治工作总结
2014/12/10 职场文书
2016年第二十届“母亲节暨幸福工程救助贫困母亲活动日”活动总结
2016/04/06 职场文书
详解nginx进程锁的实现
2021/06/14 Servers
SQL Server删除表中的重复数据
2022/05/25 SQL Server
win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度学习环境的方法
2022/06/25 Servers