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 相关文章推荐
关于viewport,Ext.panel和Ext.form.panel的关系
May 07 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
javascript中的遍历for in 以及with的用法
Dec 22 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
Listloading.js移动端上拉下拉刷新组件
Aug 04 Javascript
微信小程序实现滑动删除效果
May 19 Javascript
利用node.js爬取指定排名网站的JS引用库详解
Jul 25 Javascript
React-intl 实现多语言的示例代码
Nov 03 Javascript
详解小程序云开发数据库
May 20 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
Aug 21 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生成缩略图的类代码
2008/10/02 PHP
php获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
php错误、异常处理机制(补充)
2012/05/07 PHP
PHP二维数组排序的3种方法和自定义函数分享
2014/04/09 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
jquery cookie插件代码类
2009/05/26 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
2012/10/11 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
js动态修改整个页面样式达到换肤效果
2014/05/23 Javascript
angular学习之从零搭建一个angular4.0项目
2017/07/10 Javascript
js模拟百度模糊搜索的实例
2017/08/04 Javascript
使用Node.js实现一个多人游戏服务器引擎
2019/03/13 Javascript
Cordova(ionic)项目实现双击返回键退出应用
2019/09/17 Javascript
Vue vm.$attrs使用场景详解
2020/03/08 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
2020/04/07 Javascript
Python列表list数组array用法实例解析
2014/10/28 Python
Django模型序列化返回自然主键值示例代码
2019/06/12 Python
python通过robert、sobel、Laplace算子实现图像边缘提取详解
2019/08/21 Python
Python阶乘求和的代码详解
2020/02/14 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
Python Http请求json解析库用法解析
2020/11/28 Python
Python接口自动化系列之unittest结合ddt的使用教程详解
2021/02/23 Python
马来西亚户外装备商店:PTT Outdoor
2019/07/13 全球购物
美国美食礼品篮网站:Gourmet Gift Baskets
2019/12/15 全球购物
C语言50道问题
2014/10/23 面试题
学校七一活动方案
2014/01/19 职场文书
数学国培研修感言
2014/02/13 职场文书
2014爱耳日宣传教育活动总结
2014/03/09 职场文书
优秀班集体事迹材料
2014/12/25 职场文书
辞职信范文大全
2015/03/02 职场文书
2015年世界无车日活动总结
2015/03/23 职场文书
采购员岗位职责范本
2015/04/07 职场文书
2015初中团支部工作总结
2015/07/21 职场文书
家电创业计划书
2019/08/05 职场文书
高考满分作文赏析(2篇)
2019/08/12 职场文书
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python