快速解決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è)參考,也希望大家多多支持腳本之家。
相關(guān)文章
通過(guò)Ajax方式綁定select選項(xiàng)數(shù)據(jù)的實(shí)例
今天小編就為大家分享一篇通過(guò)Ajax方式綁定select選項(xiàng)數(shù)據(jù)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08簡(jiǎn)單實(shí)現(xiàn)Ajax無(wú)刷新分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了簡(jiǎn)單實(shí)現(xiàn)Ajax無(wú)刷新分頁(yè)效果的代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05ajax實(shí)現(xiàn)數(shù)據(jù)分頁(yè)查詢(xún)
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)數(shù)據(jù)分頁(yè)查詢(xún)的相關(guān)資料,以及ajax實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的查詢(xún),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02Ajax實(shí)現(xiàn)無(wú)閃爍定時(shí)刷新頁(yè)面實(shí)例代碼
這篇文章主要介紹了使用Ajax技術(shù)實(shí)現(xiàn)無(wú)閃爍定時(shí)刷新頁(yè)面實(shí)例代碼,非常不錯(cuò)具有參考借鑒價(jià)值,感興趣的朋友一起看下吧2016-05-05Ajax 給 XMLHttpReq.onreadystatechange傳遞參數(shù)
這篇文章主要介紹了Ajax如何給XMLHttpReq.onreadystatechange =函數(shù)傳遞參數(shù),需要的朋友可以參考下2014-05-05ajax實(shí)現(xiàn)加載數(shù)據(jù)功能
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)加載數(shù)據(jù)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05使用AjaxFileUpload.js實(shí)現(xiàn)異步文件上傳示例
AjaxFilleUpload.js可以使得我們不用去管理Iframe的一系列操作,也不用影響我們的頁(yè)面結(jié)構(gòu),實(shí)現(xiàn)異步的文件提交2014-05-05