首頁 web前端 js教程 jQuery AJAX timeout 逾時緊急處理方法

jQuery AJAX timeout 逾時緊急處理方法

Apr 23, 2018 pm 05:18 PM
ajax jquery timeout

這次帶給大家jQuery AJAX timeout 超時緊急處理方法,jQuery AJAX timeout 超時緊急處理的注意事項有哪些,下面就是實戰案例,一起來看一下。

先給大家分析下逾時原因:

1.網路不通暢。

2.後台運行比較慢(伺服器第一次執行時,容易出現)

逾時結果:JQ中 timeout設定請求逾時時間。

如果伺服器回應時間超過了設定的時間,則進入ERROR (錯誤處理

逾時解決方案:

1.預設的timeout為0,代表永不逾時

2.盡量把timeout設定的大一點。壞處:讓資料的載入變慢(貌似。呵呵)。

3.在ERROR回呼函數中寫 有關於 逾時 處理 的函數:例如,可以在逾時的情況下再次呼叫取資料函數。

-------------------------------------------- ----------- --------------------------------------- ----------------

這個ajax 裡有個success的函數. 是成功是回傳的還有個好像是叫error的回傳函數

如果請求失敗的時候會觸發這個函數.

我覺得你可以在error裡處理.

如果執行了這個函數那你就調用你第二個ajax方法唄.

jQuery和ExtJS的timeOut逾時設定和event事件處理.

#jQuery和ExtJS的timeOut逾時設定和event事件處理.

ajax請求如何自訂逾時時間,並處理對應的超時事件呢?

對jQuery 來說,超時可以直接設定timeout參數,並在error事件中捕獲第二個參數,如果是「timeout」則表示捕獲了超時事件,非常清楚。

範例:

$.ajax({
type: "POST"
,
contentType: "application/json"
,
url: "../ws/MyService.asmx/test"
,
data: '{"email":"'
+email+'"}'
, 
timeout: 30000, //超时时间:30秒
dataType: 'json'
,
error: function
(XMLHttpRequest, textStatus, errorThrown){
//TODO: 处理status, http status code,超时 408
// 注意:如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能
//是"timeout", "error", "notmodified" 和 "parsererror"。
}, 
success: function
(result) {
// TODO: check result
}
});
登入後複製

另外,error事件傳回的第一個參數XMLHttpRequest有一些有用的資訊:

XMLHttpRequest.readyState: 狀態碼

# 0 - (未初始化)還沒有呼叫send()方法

1 - (載入)已呼叫send()方法,正在發送請求

2 - (載入完成)send( )方法執行完成,已經接收到全部回應內容

3 - (互動)正在解析回應內容

4 - (完成)回應內容解析完成,可以在客戶端呼叫了

XMLHttpRequest.status屬性:一些錯誤代碼

HTTP

#1xx-訊息提示

這些狀態碼表示暫時的回應。客戶端在收到常規回應之前,應準備接收一個或多個1xx回應。

100-繼續。

101-切換協定​​。

2xx-成功

這類狀態碼表示伺服器成功地接受了客戶端請求。

200-確定。客戶端請求已成功。

201-已建立。

202-已接受。

203-非權威性資訊。

204-無內容。

205-重置內容。

206-部分內容。

3xx-重定向

客戶端瀏覽器必須採取更多動作來實作請求。例如,瀏覽器可能必須請求伺服器上的不同的頁面,或透過代理伺服器重複該請求。

301-物件已永久移走,即永久重定向。

302-物件已暫時移動。

304-未修改。

307-暫時重定向。

4xx-客戶端錯誤

發生錯誤,客戶端似乎有問題。例如,客戶端請求不存在的頁面,客戶端未提供有效的身份驗證資訊。 400-錯誤的請求。

401-存取被拒絕。 IIS定義了許多不同的401錯誤,它們指明更具體的錯誤原因。這些特定的錯誤代碼在瀏覽器中顯示,但不在IIS日誌中顯示:

401.1-登入失敗。

401.2-伺服器設定導致登入失敗。

401.3-由於ACL對資源的限製而未獲得授權。

401.4-篩選器授權失敗。

401.5-ISAPI/CGI應用程式授權失敗。

401.7–存取被Web伺服器上的URL授權策略拒絕。這個錯誤代碼為IIS6.0所專用。

403-禁止存取:IIS定義了許多不同的403錯誤,它們指明更具體的錯誤原因:

403.1-執行存取被禁止。

403.2-讀取存取被禁止。

403.3-寫入存取被禁止。

403.4-要求SSL。

403.5-要求SSL128。

403.6-IP位址被拒絕。

403.7-要求客戶端憑證。

403.8-網站存取被拒絕。

403.9-用戶數過多。

403.10-配置無效。

403.11-密碼更改。

403.12-拒絕存取映射表。

403.13-客戶端憑證被撤銷。

403.14-拒絕目錄清單。

403.15-超出客戶端存取許可。

403.16-客戶端憑證不受信任或無效。

403.17-客戶端憑證已過期或尚未生效。

403.18-在目前的應用程式集區中不能執行所要求的URL。這個錯誤代碼為IIS6.0所專用。

403.19-不能為這個應用程式集區中的客戶端執行CGI。這個錯誤代碼為IIS6.0所專用。

403.20-Passport登入失敗。這個錯誤代碼為IIS6.0所專用。

404-找不到。

404.0-(無)–沒有找到檔案或目錄。

404.1-無法在所要求的連接埠上存取Web網站。

404.2-Web服務擴充功能鎖定策略阻止本請求。

404.3-MIME映射策略阻止本請求。

405-用來存取本頁面的HTTP謂詞不被允許(方法不被允許)

406-用戶端瀏覽器不接受所要求頁面的MIME類型。

407-要求進行代理身份驗證。

412-前提條件失敗。

413–請求實體太大。

414-請求URI太長。

415–不支援的媒體類型。

416–所要求的範圍無法滿足。

417–執行失敗。

423–鎖定的誤差。

5xx-伺服器錯誤

伺服器由於遇到錯誤而無法完成該請求。

500-內部伺服器錯誤。

500.12-應用程式正忙於在Web伺服器上重新啟動。

500.13-Web伺服器太忙。

500.15-不允許直接請求Global.asa。

500.16–UNC授權憑證不正確。這個錯誤代碼為IIS6.0所專用。

500.18–URL授權儲存不能開啟。這個錯誤代碼為IIS6.0所專用。

500.100-內部ASP錯誤。

501-頁首值指定了未實現的配置。

502-Web伺服器用作網關或代理伺服器時收到了無效回應。

502.1-CGI應用程式逾時。

502.2-CGI應用程式出錯。 application.

503-服務不可用。這個錯誤代碼為IIS6.0所專用。

504-網關逾時。

505-HTTP版本不受支援。

FTP

1xx-肯定的初步答复

這些狀態代碼指示一項操作已經成功開始,但客戶端希望在繼續操作新命令之前得到另一個答复。

110重新啟動標記答案。

120服務已就緒,在nnn分鐘後開始。

125資料連線已打開,正在開始傳輸。

150檔案狀態正常,準備開啟資料連線。

2xx-肯定的完成答案

一項操作已經成功完成。客戶端可以執行新指令。 200命令確定。

202未執行指令,網站上的指令過多。

211系統狀態,或系統幫助答案。

212目錄狀態。

213文件狀態。

214幫助訊息。

215NAME系統類型,其中,NAME是AssignedNumbers文件中所列的正式系統名稱。

220服務就緒,可以執行新使用者的請求。

221服務關閉控制連線。如果適當,請註銷。

225資料連線打開,沒有進行中的傳輸。

226關閉資料連線。請求的文件操作已成功(例如,傳輸文件或放棄文件)。

227進入被動模式(h1,h2,h3,h4,p1,p2)。

230用戶已登錄,繼續進行。

250請求的檔案操作正確,已完成。

257已建立「PATHNAME」。

3xx-肯定的中間答案

該指令已成功,但伺服器需要更多來自客戶端的資訊以完成對請求的處理。 331用戶名正確,需要密碼。

332需要登入帳號。

350請求的檔案操作正在等待進一步的資訊。

4xx-瞬態否定的完成答案

該指令不成功,但錯誤是暫時的。如果客戶端重試指令,可能會執行成功。 421服務不可用,正在關閉控制連線。如果服務確定它必須關閉,將向任何命令發送此應答。

425無法開啟資料連線。

426Connectionclosed;transferaborted.

450未執行要求的檔案操作。文件不可用(例如,文件繁忙)。

451請求的操作異常終止:正在處理本機錯誤。

452未執行請求的操作。系統儲存空間不夠。

5xx-永久性否定的完成答案

該指令不成功,錯誤是永久性的。如果客戶端重試指令,將再次出現相同的錯誤。 500語法錯誤,指令無法辨識。這可能包括諸如命令列太長之類的錯誤。

501在參數中有語法錯誤。

502未執行指令。

503錯誤的命令序列。

504未執行該參數的指令。

530未登入。

532儲存檔案需要帳戶。

550未執行請求的操作。文件不可用(例如,未找到文件,沒有存取權限)。

551請求的操作異常終止:未知的頁面類型。

552請求的檔案操作異常終止:超出儲存分配(對於目前目錄或資料集)。

553未執行請求的操作。不允許的檔案名稱。

常見的FTP狀態碼及其原因

150-FTP使用兩個連接埠:21用於傳送指令,20用於傳送資料。狀態代碼150表示伺服器準備在連接埠20上開啟新連接,發送一些資料。

226-命令在連接埠20上開啟資料連接以執行操作,例如傳輸檔案。此操作成功完成,資料連線已關閉。

230-客戶端發送正確的密碼後,顯示該狀態代碼。它表示用戶已成功登入。

331-客戶端發送使用者名稱後,顯示該狀態代碼。無論所提供的使用者名稱是否為系統中的有效帳戶,都將顯示該狀態代碼。

426-命令開啟資料連線以執行操作,但該操作已取消,資料連線已關閉。

530-該狀態代碼表示使用者無法登錄,因為使用者名稱和密碼組合無效。如果使用某個使用者帳號登錄,可能鍵入錯誤的使用者名稱或密碼,也可能選擇只允許匿名存取。如果使用匿名帳戶登錄,IIS的配置可能拒絕匿名存取。

550-命令未被执行,因为指定的文件不可用。例如,要GET的文件并不存在,或试图将文件PUT到您没有写入权限的目录。

ExtJS 的默认超时时间是30s,超过就会ajax请求失败,http status code 408。

设置ExtJS的超时时间方法需要用Ext.data.Connection 对象,并捕捉requestexception事件,例子:

var
conn=new
Ext.data.Connection({
url: "../ws/MyService.asmx/test"
,
timeout : 60000, //自定义超时时间,这里是60秒 (默认30s)
autoAbort : false
,
disableCaching : true
,
method : "GET"
});
var
proxy = new
Ext.data.HttpProxy(conn);
proxy.getConnection().on("requestcomplete"
, function
(sender, response, options){ 
//成功,response.status = 200, response.statusText = 'OK'
});
proxy.getConnection().on("requestexception"
, function
(sender, response, options){
//异常,捕捉 esponse.status ( http status code 代码 )和 response.statusText 
});
var
store = new
Ext.data.Store({
proxy: proxy, 
reader: myReader, //需要另外定义一个reader
baseParams: {myargument:'myargumentValue'
}, //改成你的参数名和值
remoteSort: false
}); 
store.load();
登入後複製

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

asp.net+jquery.form做出图片异步上传功能

jquery删除table选中行

以上是jQuery AJAX timeout 逾時緊急處理方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1655
14
CakePHP 教程
1414
52
Laravel 教程
1307
25
PHP教程
1253
29
C# 教程
1227
24
PHP 與 Ajax:建立一個自動完成建議引擎 PHP 與 Ajax:建立一個自動完成建議引擎 Jun 02, 2024 pm 08:39 PM

使用PHP和Ajax建置自動完成建議引擎:伺服器端腳本:處理Ajax請求並傳回建議(autocomplete.php)。客戶端腳本:發送Ajax請求並顯示建議(autocomplete.js)。實戰案例:在HTML頁面中包含腳本並指定search-input元素識別碼。

jQuery中如何使用PUT請求方式? jQuery中如何使用PUT請求方式? Feb 28, 2024 pm 03:12 PM

jQuery中如何使用PUT請求方式?在jQuery中,發送PUT請求的方法與發送其他類型的請求類似,但需要注意一些細節和參數設定。 PUT請求通常用於更新資源,例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範例。首先,確保引入了jQuery庫文件,然後可以透過以下方式發送PUT請求:$.ajax({u

如何使用Ajax從PHP方法取得變數? 如何使用Ajax從PHP方法取得變數? Mar 09, 2024 pm 05:36 PM

使用Ajax從PHP方法取得變數是Web開發中常見的場景,透過Ajax可以實作頁面無需刷新即可動態取得資料。在本文中,將介紹如何使用Ajax從PHP方法中取得變量,並提供具體的程式碼範例。首先,我們需要寫一個PHP檔案來處理Ajax請求,並傳回所需的變數。下面是一個簡單的PHP檔案getData.php的範例程式碼:

jQuery小技巧:快速修改頁面所有a標籤的文本 jQuery小技巧:快速修改頁面所有a標籤的文本 Feb 28, 2024 pm 09:06 PM

標題:jQuery小技巧:快速修改頁面所有a標籤的文字在網頁開發中,我們經常需要對頁面中的元素進行修改和操作。使用jQuery時,有時候需要一次修改頁面中所有a標籤的文字內容,這樣可以節省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本,同時給出具體的程式碼範例。首先,我們需要引入jQuery庫文件,確保在頁面中引入了以下程式碼:&lt

使用jQuery修改所有a標籤的文字內容 使用jQuery修改所有a標籤的文字內容 Feb 28, 2024 pm 05:42 PM

標題:使用jQuery修改所有a標籤的文字內容jQuery是一款受歡迎的JavaScript庫,被廣泛用於處理DOM操作。在網頁開發中,經常會遇到需要修改頁面上連結標籤(a標籤)的文字內容的需求。本文將介紹如何使用jQuery來實現這個目標,並提供具體的程式碼範例。首先,我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼:

PHP 與 Ajax:建立動態載入內容的解決方案 PHP 與 Ajax:建立動態載入內容的解決方案 Jun 06, 2024 pm 01:12 PM

Ajax(非同步JavaScript和XML)允許在不重新載入頁面情況下新增動態內容。使用PHP和Ajax,您可以動態載入產品清單:HTML建立一個帶有容器元素的頁面,Ajax請求載入資料後將資料加入到該元素中。 JavaScript使用Ajax透過XMLHttpRequest向伺服器傳送請求,從伺服器取得JSON格式的產品資料。 PHP使用MySQL從資料庫查詢產品數據,並將其編碼為JSON格式。 JavaScript解析JSON數據,並將其顯示在頁面容器中。點選按鈕觸發Ajax請求,載入產品清單。

了解jQuery中eq的作用及應用場景 了解jQuery中eq的作用及應用場景 Feb 28, 2024 pm 01:15 PM

jQuery是一種流行的JavaScript庫,被廣泛用於處理網頁中的DOM操作和事件處理。在jQuery中,eq()方法是用來選擇指定索引位置的元素的方法,具體使用方法和應用場景如下。在jQuery中,eq()方法選擇指定索引位置的元素。索引位置從0開始計數,即第一個元素的索引是0,第二個元素的索引是1,依此類推。 eq()方法的語法如下:$("s

PHP 與 Ajax:提升 Ajax 安全性的方法 PHP 與 Ajax:提升 Ajax 安全性的方法 Jun 01, 2024 am 09:34 AM

為了提升Ajax安全性,有幾種方法:CSRF保護:產生令牌並將其傳送到客戶端,在請求中新增至伺服器端進行驗證。 XSS保護:使用htmlspecialchars()過濾輸入,防止惡意腳本注入。 Content-Security-Policy頭:限制惡意資源加載,指定允許載入腳本和樣式表的來源。驗證伺服器端輸入:驗證從Ajax請求接收的輸入,防止攻擊者利用輸入漏洞。使用安全Ajax函式庫:利用jQuery等函式庫提供的自動CSRF保護模組。

See all articles