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