jquery.form.js不能解決連接超時(timeout)的解決方法

来源:http://www.cnblogs.com/kingofkai/archive/2016/10/14/5959908.html
-Advertisement-
Play Games

最近在使用jquery.form.js提交包含文件的表單時,碰到了一個問題:當碰上網速較慢時,而我們又設置了timeout時,例如: 我們的頁面會死在這裡,貼上F12開發者工具返回的結果: 此時,我們並沒有處理錯誤的回調函數,而百度出來的例子中也只有這兩個回調函數: beforeSubmit: sh ...


最近在使用jquery.form.js提交包含文件的表單時,碰到了一個問題:當碰上網速較慢時,而我們又設置了timeout時,例如:

var options = {  
    timeout: 3000  //限制請求的時間,當請求大於3秒後,跳出請求  
}  

我們的頁面會死在這裡,貼上F12開發者工具返回的結果:

此時,我們並沒有處理錯誤的回調函數,而百度出來的例子中也只有這兩個回調函數:

  beforeSubmit: showRequest, //提交前的回調函數
  success: showResponse, //提交後的回調函數

所以,我去官網查看API,官網:http://malsup.com/jquery/form/#options-object,果然找到了處理錯誤的回調函數:

error
Callback function to be invoked upon error.

所以我的options是這麼寫的:

var options = {
       beforeSubmit: showRequest,  //提交前的回調函數  
       success: showResponse,      //提交後的成功的回調函數  
       error:showError,            //提交後的錯誤的回調函數
timeout: 3000 //限制請求的時間,當請求大於3秒後,跳出請求
}

回調函數是這麼寫的:

function showError(responseText, statusText){
        if(statusText=='timeout'){
            layer.msg("伺服器繁忙,請稍後再試!", {icon: 5,time:1500});
            return;
        }
}

這就是我的解決方法,不知道解決了您的問題沒有?

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 目錄: 一、前言 二、什麼是React 三、開發環境搭建 四、預備知識 五、最簡單的React小程式 六、基礎語法介紹 七、總結 八、參考資料 目錄: 一、前言 二、什麼是React 三、開發環境搭建 四、預備知識 五、最簡單的React小程式 六、基礎語法介紹 七、總結 八、參考資料 一、前言 近 ...
  • 這是我用原生js寫的放大鏡效果,與各種各樣的框架技術相比,我喜歡使用原生的js,在這裡,想和大家一起談談原生和框架技術的理解與個人喜好。 <!DOCTYPE HTML><html> <head> <title>js放大鏡效果</title> <meta http-equiv="content-typ ...
  • 一:開篇 哈哈哈,感謝標題黨的蒞臨~ 雖然標題有點誇張的感覺,但實際上,插件庫確實是簡潔,高效,輕量級,酷炫酷炫的咯。廢話不多說,先來看個標配例子吧: (codepen線上演示編輯:http://codepen.io/barrior/pen/XjEEBz) 是吧,應該是酷炫酷炫的吧,不喜歡的話可以向 ...
  • 老話長談,css的不固定適應佈局 不管是面試還是在平時的工作中,這樣的佈局形式一直都在用著,很常見,所以今天我就拿出來在嘮叨一下, 既是給自己一個備忘存儲,也是一個學習鞏固的參考,知道大家都會,還是要記憶一下,不為其他,就為打好基礎。 話說太多, 直接上代碼,一看就能明白。 也許你會不屑一顧的說簡單 ...
  • 學習內容來自:《JavaScript高級程式設計(第三版)》 正文:我們知道,在js中,函數實際上是一個對象,每個函數都是Function類型的實例,並且都與其他引用類型一樣具有屬性和方法。因此,函數名實際上是指向函數對象的指針,不與某個函數綁定。在常見的兩種定義方式(見下文)之外,還有一種定義的方 ...
  • 有關localStorage和sessionStorage的特性。 localStorage本身帶有方法有 添加鍵值對:localStorage.setItem(key,value),如果key存在時,更新value。 獲取鍵值:localStorage.getItem(key),如果key不存在返 ...
  • 在做移動端web app的時候,眾所周知,移動設備解析度五花八門,雖然我們可以通過CSS3的media query來實現適配,例如下麵這樣: 但是這種做法並不能適配所有設備,於是就有了實現全適配的JS解決方案,例如下麵這樣: 另外附上淘寶移動端適配解決方案flexible.js源碼: 1 ;(fun ...
  • 今天做form表單提交遇到了兩個問題: 1.提交後不能跳轉到指定頁面 jsp代碼 js提交事件處理: 這種寫法在頁面點擊保存後在當前頁面跳轉, 而不執行post請求function(data){}中的方法:window.history.back()返回到上一級歷史頁面,分析原因是button的typ ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...