今天在使用 ajax 向后臺請求數(shù)據(jù)時出現(xiàn)錯誤,提示狀態(tài)碼為 0 ,后臺采用的是 spring mvc 架構(gòu)。
狀態(tài)碼為0是什么意思呢?查找了下,原來它意味著 (未初始化)即沒有調(diào)用到send()方法,我原來代碼如下 :
$.ajax({
url:"test",
type:"post",
data:{
blogTitle : $("#form1 input").val(),
blogType : $("#form1 option:selected").val(),
article : htmlcontent
},
dataType: "json",
success: function(data,textStatus){
if(data.flag == "success"){
alert("發(fā)表成功!");
window.location.;
}
},
error: function(XMLHttpRequest, textStatus, errorThrown){
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
});
仔細檢查,好像沒什么不對勁的啊,況且在后臺都能正常接收發(fā)送的數(shù)據(jù)了,說明 ajax 還是發(fā)送了數(shù)據(jù)的,這是后臺打印的相關(guān)參數(shù)信息
![](/d/20211017/74314267c16a8f4e548d6c2fc2bddee3.gif)
又一番思索,原來是表單出現(xiàn)了問題:
form onsubmit="addBlog();">
//中間省略
button type="submit">發(fā)表博客/button>
/form>
可以看到,我在 button 標(biāo)簽添加了 type=”submit”屬性,但這樣做會產(chǎn)生新的一次表單點擊提交,本來form 默認(rèn)點擊 button 時會產(chǎn)生一次提交 , button type=”submit” 時又會產(chǎn)生新第一次提交,導(dǎo)致 ajax 未執(zhí)行完畢表單事件發(fā)生了改變。
解決方法: 將上面代碼改為:
form onsubmit="return false">
//中間省略
button type="addBlog()">發(fā)表博客/button>
以上這篇快速解決ajax請求出錯狀態(tài)碼為0的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:- 詳解ajax的data參數(shù)錯誤導(dǎo)致頁面崩潰
- PHP 中使用ajax時一些常見錯誤總結(jié)整理
- 完美解決ajax跨域請求下parsererror的錯誤
- ajax跨域訪問報錯501的解決方法
- jQuery中ajax錯誤調(diào)試分析
- Ajax向后臺傳json格式的數(shù)據(jù)出現(xiàn)415錯誤的原因分析及解決方法
- Ajax犯的錯誤處理方法
- js ajaxfileupload.js上傳報錯的解決方法
- 解決ajax返回驗證的時候總是彈出error錯誤的方法
- Jquery Ajax Error 調(diào)試錯誤的技巧
- django使用ajax post數(shù)據(jù)出現(xiàn)403錯誤如何解決
- Ajax報錯400的參考解決辦法