jQuery.form.js插件不能解決連接超時(shí)(timeout)的原因分析及解決方法
jQuery.form.js是一個(gè)form插件，支持ajax表單提交和ajax文件上傳。
最近在使用jquery.form.js提交包含文件的表單時(shí)，碰到了一個(gè)問題：當(dāng)碰上網(wǎng)速較慢時(shí)，而我們又設(shè)置了timeout時(shí)，例如：
var options = {
timeout: 3000 //限制請(qǐng)求的時(shí)間，當(dāng)請(qǐng)求大于3秒后，跳出請(qǐng)求
}
我們的頁面會(huì)死在這里，貼上F12開發(fā)者工具返回的結(jié)果：
此時(shí)，我們并沒有處理錯(cuò)誤的回調(diào)函數(shù)，而百度出來的例子中也只有這兩個(gè)回調(diào)函數(shù)：
beforeSubmit: showRequest, //提交前的回調(diào)函數(shù) success: showResponse, //提交后的回調(diào)函數(shù)
所以，我去官網(wǎng)查看API，官網(wǎng)：http://malsup.com/jquery/form/#options-object，果然找到了處理錯(cuò)誤的回調(diào)函數(shù)：
error Callback function to be invoked upon error.
所以我的options是這么寫的：
var options = {
beforeSubmit: showRequest, //提交前的回調(diào)函數(shù)
success: showResponse, //提交后的成功的回調(diào)函數(shù)
error:showError, //提交后的錯(cuò)誤的回調(diào)函數(shù)
timeout: 3000 //限制請(qǐng)求的時(shí)間，當(dāng)請(qǐng)求大于3秒后，跳出請(qǐng)求
}
回調(diào)函數(shù)是這么寫的：
function showError(responseText, statusText){
if(statusText=='timeout'){
layer.msg("服務(wù)器繁忙，請(qǐng)稍后再試！", {icon: 5,time:1500});
return;
}
}
以上所述是小編給大家介紹的jQuery.form.js插件不能解決連接超時(shí)（timeout的原因分析及解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
jQuery綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind用法實(shí)例詳解
這篇文章主要介紹了jQuery綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind用法,結(jié)合實(shí)例形式詳細(xì)分析了綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind的具體使用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-01-01
前幾天在做項(xiàng)目的時(shí)候 遇到個(gè)小問題，就是分頁結(jié)果的頁數(shù)太多一般5頁到10頁就結(jié)束了可是這個(gè)分頁結(jié)果有400多頁的當(dāng)時(shí)就有些抓狂了，后來想了想模仿搜索引擎的結(jié)果頁面2012-04-04
分享精心挑選的12款優(yōu)秀jQuery Ajax分頁插件和教程
在這篇文章中，我為大家收集了12個(gè)基于 jQuery 框架的 Ajax 分頁插件，這些插件都提供了詳細(xì)的使用教程和演示2012-08-08
上傳的時(shí)候可以生成固定寬高范圍內(nèi)的等比例縮放圖的代碼，需要的朋友可以參考下。2011-05-05
jQuery中jqGrid分頁實(shí)現(xiàn)代碼
今天看到j(luò)avaeye上有人使用了jqGrid實(shí)現(xiàn)了數(shù)據(jù)的分頁，參考它的代碼，實(shí)現(xiàn)了這個(gè)功能，搬出來曬曬，作為自己以后學(xué)習(xí)的資料2011-11-11
這篇文章主要為大家詳細(xì)介紹了jQuery驗(yàn)證插件validate的使用方法，jQuery.validate.js插件用于對(duì)表單輸入進(jìn)行驗(yàn)證，對(duì)驗(yàn)證插件感興趣的小伙伴們可以參考一下2016-05-05
webpack中引用jquery的簡單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄獁ebpack中引用jquery的簡單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
獲取元素值的方法有很多，在本文將為大家詳細(xì)介紹下使用jquery是如何做到的，感興趣的朋友不要錯(cuò)過2013-11-11
jQuery實(shí)現(xiàn)發(fā)送驗(yàn)證碼并60秒倒計(jì)時(shí)功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)發(fā)送驗(yàn)證碼并60秒倒計(jì)時(shí)功能，非常不錯(cuò)，代碼簡單易懂，需要的朋友參考下吧2016-11-11
jquery實(shí)現(xiàn)郵箱自動(dòng)填充提示功能
這篇文章主要介紹了jquery實(shí)現(xiàn)郵箱自動(dòng)填充提示功能，為了提高用戶的體驗(yàn)，很多網(wǎng)站都會(huì)實(shí)現(xiàn)郵箱輸入的自動(dòng)提示功能，對(duì)如何實(shí)現(xiàn)自動(dòng)提示功能感興趣的小伙伴們可以參考一下2015-11-11