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

更新時(shí)間：2017年12月21日 15:37:23 作者：Yekongle

下面小編就為大家分享一篇快速解決ajax請(qǐng)求出錯(cuò)狀態(tài)碼為0的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

今天在使用 ajax 向后臺(tái)請(qǐng)求數(shù)據(jù)時(shí)出現(xiàn)錯(cuò)誤，提示狀態(tài)碼為 0 ，后臺(tái)采用的是 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);
}
 });

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

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

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

可以看到，我在 button 標(biāo)簽添加了 type=”submit”屬性，但這樣做會(huì)產(chǎn)生新的一次表單點(diǎn)擊提交，本來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的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

ajax的工作原理以及異步請(qǐng)求的封裝介紹
客戶端通過瀏覽器的內(nèi)置對(duì)象XMLHttpRequest來發(fā)送異步請(qǐng)求，當(dāng)服務(wù)器返回響應(yīng)時(shí)，會(huì)調(diào)用先前注冊(cè)的回調(diào)函數(shù)，異步請(qǐng)求不會(huì)阻塞客戶端的操作，達(dá)到頁面無法刷新就可以更新數(shù)據(jù)的效果
2013-09-09
AJAX實(shí)現(xiàn)無刷新檢測(cè)用戶名功能
這篇文章主要為大家詳細(xì)介紹了AJAX實(shí)現(xiàn)無刷新用戶名檢測(cè)功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
AJAX(XMLHttpRequest.status)狀態(tài)碼
本文羅列了一些Jquery中AJAX參數(shù)詳細(xì)列表及XMLHttpRequest.status狀態(tài)嗎，感興趣的你可以參考下，希望對(duì)你學(xué)習(xí)ajax有所幫助
2013-02-02
Ajax實(shí)現(xiàn)phpcms 點(diǎn)贊功能實(shí)例代碼
這篇文章主要介紹了Ajax實(shí)現(xiàn)phpcms 點(diǎn)贊功能實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03
基于ajax實(shí)現(xiàn)點(diǎn)擊加載更多無刷新載入到本頁
本文給大家介紹通過ajax技術(shù)實(shí)現(xiàn)無刷新加載更多載入到本頁，感興趣的朋友一起學(xué)習(xí)吧
2015-10-10
[asp]天楓AJAX百度音樂即時(shí)聽附下載
[asp]天楓AJAX百度音樂即時(shí)聽附下載...
2007-09-09
AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法
今天小編就為大家分享一篇AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
layui的checbox在Ajax局部刷新下的設(shè)置方法
今天小編就為大家分享一篇layui的checbox在Ajax局部刷新下的設(shè)置方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
基于Ajax技術(shù)實(shí)現(xiàn)無刷新用戶登錄功能
這篇文章主要介紹了基于Ajax技術(shù)實(shí)現(xiàn)無刷新用戶登錄功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧
2017-01-01
AJAX跨域請(qǐng)求之JSONP獲取JSON數(shù)據(jù)
JSONP(JSON with Padding)是一個(gè)非官方的協(xié)議，它允許在服務(wù)器端集成Script tags返回至客戶端，通過javascript callback的形式實(shí)現(xiàn)跨域訪問（這僅僅是JSONP簡(jiǎn)單的實(shí)現(xiàn)形式）。
2015-09-09