ajax中error該如何使用,相信很多沒有經驗的人對此束手無策,為此本文總結了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設計、網(wǎng)站制作、外貿營銷網(wǎng)站建設、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務張灣,十多年網(wǎng)站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792
error使用情況:1、當后臺返回的dataType類型和前臺寫的不一致時使用;2、當async請求同步異步問題時使用;3、當data設置為空時使用;4、當傳遞的參數(shù)不是ajax支持的編碼格式時使用。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
ajax中error在什么時候使用
dataType錯誤(dataType用來指定后臺返回參數(shù)的類型)
類型錯誤:后臺返回的dataType類型和前臺寫的不一致會跳入error。
格式錯誤:jquery1.4之后對json的格式要求非常嚴格,json格式錯誤也會跳入error.{“test”:1} 注意格式
有時,在不需要返回值的情況下,扔按模板格式,設置了dataType:”json”,參數(shù);這時候,ajax傳值正確時,出現(xiàn)200返回成功狀態(tài)下報錯的特殊情況。
如果不指定,jQuery 將自動根據(jù) HTTP 包 MIME 信息來智能判斷,比如 XML MIME 類型就被識別為 XML。在 1.4 中,JSON 就會生成一個 JavaScript 對象,而 script 則會執(zhí)行這個腳本。隨后服務器端返回的數(shù)據(jù)會根據(jù)這個值解析后,傳遞給回調函數(shù)??捎弥?
“xml”: 返回 XML 文檔,可用 jQuery 處理。
“html”: 返回純文本 HTML 信息;包含的 script 標簽會在插入 dom 時執(zhí)行。
“script”: 返回純文本 JavaScript 代碼。不會自動緩存結果。除非設置了 “cache” 參數(shù)。注意:在遠程請求時(不在同一個域下),所有 POST 請求都將轉為 GET 請求。(因為將使用 DOM 的 script標簽來加載)
“json”: 返回 JSON 數(shù)據(jù) 。
“jsonp”: JSONP 格式。使用 JSONP 形式調用函數(shù)時,如 “myurl?callback=?” jQuery 將自動替換 ? 為正確的函數(shù)名,以執(zhí)行回調函數(shù)。
“text”: 返回純文本字符串
async請求同步異步問題
async默認是true(異步請求),如果想一個Ajax執(zhí)行完后再執(zhí)行另一個Ajax, 需要把async=false
例如,你用post請求傳值到另一個頁面后臺,但是頁面一加載你的ajax就已經執(zhí)行過了,傳值接收是在后臺才完成的,這時候就請求不到數(shù)據(jù),所以可以考慮把ajax請求改為同步試試。
data不能不寫
data為空也一定要傳”{}”;不然返回的是xml格式的。并提示parsererror. data:”{}”
parsererror的異常和Header 類型也有關系。及編碼header(‘Content-type: text/html; charset=utf8’);
傳遞的參數(shù)
必須是ajax支持的編碼格式
URL路徑問題
路徑不能有中文
一般我們可以通過分析error中的一些參數(shù)進行錯誤原因的判斷:
XMLHttpRequest.readyState: 狀態(tài)碼
0 - (未初始化)還沒有調用send()方法
1 - (載入)已調用send()方法,正在發(fā)送請求
2 - (載入完成)send()方法執(zhí)行完成,已經接收到全部響應內容
3 - (交互)正在解析響應內容
4 - (完成)響應內容解析完成,可以在客戶端調用了
XMLHttpRequest.status:調用http請求狀態(tài)
請求狀態(tài)有很多,具體遇到錯誤狀態(tài)代碼可以自行百度查詢。
XMLHttpRequest.responseText:返回的錯誤信息
如果發(fā)生了錯誤,錯誤信息(第二個參數(shù))除了得到null之外,還可能是”timeout”, “error”, “notmodified” 和 “parsererror”。
看完上述內容,你們掌握ajax中error該如何使用的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!