jQuery.form.js插件不能解決連接超時(shí)(timeout)的原因分析及解決方法
jQuery.form.js是一個(gè)form插件,支持ajax表單提交和ajax文件上傳。
最近在使用jquery.form.js提交包含文件的表單時(shí),碰到了一個(gè)問(wèn)題:當(dāng)碰上網(wǎng)速較慢時(shí),而我們又設(shè)置了timeout時(shí),例如:
var options = { timeout: 3000 //限制請(qǐng)求的時(shí)間,當(dāng)請(qǐng)求大于3秒后,跳出請(qǐng)求 }
我們的頁(yè)面會(huì)死在這里,貼上F12開(kāi)發(fā)者工具返回的結(jié)果:
此時(shí),我們并沒(méi)有處理錯(cuò)誤的回調(diào)函數(shù),而百度出來(lái)的例子中也只有這兩個(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是這么寫(xiě)的:
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ù)是這么寫(xiě)的:
function showError(responseText, statusText){ if(statusText=='timeout'){ layer.msg("服務(wù)器繁忙,請(qǐng)稍后再試!", {icon: 5,time:1500}); return; } }
以上所述是小編給大家介紹的jQuery.form.js插件不能解決連接超時(shí)(timeout的原因分析及解決方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
基于Bootstrap和jQuery構(gòu)建前端分頁(yè)工具實(shí)例代碼
本文給大家介紹基于Bootstrap和jQuery構(gòu)建前端分頁(yè)工具實(shí)例代碼,包括前端分頁(yè)的優(yōu)缺點(diǎn)和解決辦法,對(duì)jquery bootstrap分頁(yè)知識(shí)感興趣的朋友一起通過(guò)本文學(xué)習(xí)吧2016-11-11基于jquery animate操作css樣式屬性小結(jié)
昨天突然有網(wǎng)友問(wèn)我animate()方法可以來(lái)操作所有css屬性嗎?是的,我告訴他可以的。不過(guò),在此有需要注意點(diǎn)需要大家搞清楚。接下來(lái)通過(guò)本篇文章給大家介紹基于jquery animate操作css樣式屬性小結(jié),對(duì)jquery animate css相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-11-11IE10中flexigrid無(wú)法顯示數(shù)據(jù)的解決方法
這篇文章主要介紹了IE10中flexigrid無(wú)法顯示數(shù)據(jù)的解決方法的相關(guān)資料,需要的朋友可以參考下2015-07-07jQuery使用zTree插件實(shí)現(xiàn)樹(shù)形菜單和異步加載
這篇文章主要介紹了jQuery使用zTree插件實(shí)現(xiàn)樹(shù)形菜單和異步加載的相關(guān)方法,感興趣的小伙伴們可以參考一下2016-02-02jQuery截取指定長(zhǎng)度字符串的實(shí)現(xiàn)原理及代碼
截取指定長(zhǎng)度字符串操作在新聞列表這種類(lèi)型的操作中大量應(yīng)用,下面有個(gè)示例,大家可以參考下2014-07-073分鐘寫(xiě)出來(lái)的Jquery版checkbox全選反選功能
checkbox全選反選的文章在以前也有介紹很多,實(shí)在是不想在提起了,然而身邊還是有些朋友不會(huì),于是3分鐘寫(xiě)出來(lái)一個(gè)估計(jì)有很多bug2013-10-10jquery在啟動(dòng)頁(yè)面時(shí),自動(dòng)加載數(shù)據(jù)的實(shí)例
下面小編就為大家分享一篇jquery在啟動(dòng)頁(yè)面時(shí),自動(dòng)加載數(shù)據(jù)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01實(shí)例解析jQuery中proxy()函數(shù)的用法
proxy()主要用于在同樣的上下文語(yǔ)境中指向另一個(gè)對(duì)象,下面我們就以實(shí)例解析jQuery中proxy()函數(shù)的用法,需要的朋友可以參考下2016-05-05JQuery下的Live方法和$.browser方法使用代碼
網(wǎng)站做好了,老師卻要求要3級(jí)菜單,無(wú)奈只好去做3級(jí)菜單了。這次3級(jí)菜單的思路是在原有不變的基礎(chǔ)上,對(duì)有3級(jí)菜單的ID,選擇進(jìn)入新的一個(gè)控件。在這個(gè)新的控件里用ajax去請(qǐng)求其3級(jí)目錄里的東西。2010-06-06