快速解決ajax請(qǐng)求出錯(cuò)狀態(tài)碼為0的問(wèn)題

今天在使用 ajax 向后臺(tái)請(qǐng)求數(shù)據(jù)時(shí)出現(xiàn)錯(cuò)誤，提示狀態(tài)碼為 0 ，后臺(tái)采用的是 spring mvc 架構(gòu)。

狀態(tài)碼為0是什么意思呢？查找了下，原來(lái)它意味著 （未初始化）即沒(méi)有調(diào)用到send（）方法，我原來(lái)代碼如下 ：

$.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);
}
 });

仔細(xì)檢查，好像沒(méi)什么不對(duì)勁的啊，況且在后臺(tái)都能正常接收發(fā)送的數(shù)據(jù)了,說(shuō)明 ajax 還是發(fā)送了數(shù)據(jù)的，這是后臺(tái)打印的相關(guān)參數(shù)信息

又一番思索，原來(lái)是表單出現(xiàn)了問(wèn)題：

form onsubmit="addBlog();">
//中間省略
button type="submit">發(fā)表博客/button> 
/form>

可以看到，我在 button 標(biāo)簽添加了 type=”submit”屬性，但這樣做會(huì)產(chǎn)生新的一次表單點(diǎn)擊提交，本來(lái)form 默認(rèn)點(diǎn)擊 button 時(shí)會(huì)產(chǎn)生一次提交 ， button type=”submit” 時(shí)又會(huì)產(chǎn)生新第一次提交，導(dǎo)致 ajax 未執(zhí)行完畢表單事件發(fā)生了改變。

解決方法： 將上面代碼改為：

form onsubmit="return false">
//中間省略
button type="addBlog()">發(fā)表博客/button> 

以上這篇快速解決ajax請(qǐng)求出錯(cuò)狀態(tài)碼為0的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。