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)網(wǎng)站的支持!