jQuery.form.js插件不能解決連接超時(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)文章
基于Bootstrap和jQuery構(gòu)建前端分頁工具實(shí)例代碼
本文給大家介紹基于Bootstrap和jQuery構(gòu)建前端分頁工具實(shí)例代碼,包括前端分頁的優(yōu)缺點(diǎn)和解決辦法,對jquery bootstrap分頁知識感興趣的朋友一起通過本文學(xué)習(xí)吧2016-11-11基于jquery animate操作css樣式屬性小結(jié)
昨天突然有網(wǎng)友問我animate()方法可以來操作所有css屬性嗎?是的,我告訴他可以的。不過,在此有需要注意點(diǎn)需要大家搞清楚。接下來通過本篇文章給大家介紹基于jquery animate操作css樣式屬性小結(jié),對jquery animate css相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-11-11IE10中flexigrid無法顯示數(shù)據(jù)的解決方法
這篇文章主要介紹了IE10中flexigrid無法顯示數(shù)據(jù)的解決方法的相關(guān)資料,需要的朋友可以參考下2015-07-07jQuery使用zTree插件實(shí)現(xiàn)樹形菜單和異步加載
這篇文章主要介紹了jQuery使用zTree插件實(shí)現(xiàn)樹形菜單和異步加載的相關(guān)方法,感興趣的小伙伴們可以參考一下2016-02-02jQuery截取指定長度字符串的實(shí)現(xiàn)原理及代碼
截取指定長度字符串操作在新聞列表這種類型的操作中大量應(yīng)用,下面有個示例,大家可以參考下2014-07-07jquery在啟動頁面時,自動加載數(shù)據(jù)的實(shí)例
下面小編就為大家分享一篇jquery在啟動頁面時,自動加載數(shù)據(jù)的實(shí)例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01實(shí)例解析jQuery中proxy()函數(shù)的用法
proxy()主要用于在同樣的上下文語境中指向另一個對象,下面我們就以實(shí)例解析jQuery中proxy()函數(shù)的用法,需要的朋友可以參考下2016-05-05JQuery下的Live方法和$.browser方法使用代碼
網(wǎng)站做好了,老師卻要求要3級菜單,無奈只好去做3級菜單了。這次3級菜單的思路是在原有不變的基礎(chǔ)上,對有3級菜單的ID,選擇進(jìn)入新的一個控件。在這個新的控件里用ajax去請求其3級目錄里的東西。2010-06-06