Ajax向后臺(tái)傳json格式的數(shù)據(jù)出現(xiàn)415錯(cuò)誤的原因分析及解決方法
問題描述:
ajax往后臺(tái)傳json格式數(shù)據(jù)報(bào)415錯(cuò)誤,如下圖所示

頁面代碼
function saveUser(){
var uuId = document.getElementById("uuid").value;
var idCard = document.getElementById("idCard").value;
alert(uuId+idCard);
// var result = new Object();
// result.uuId = uuId;
// result.idCard = idCard;
// var saveData = JSON.stringify(result);
// alert(saveData);
$.ajax({
url : "xdds/saveUser.do?random=" + Math.random(),
type : "post",
data : {"uuid" : uuId,"idCard" : idCard},
// data:saveData,
dataType : 'json',
// contentType : "application/json",
success:function(data){
}
});
}
后臺(tái)代碼
@RequestMapping(value = "/saveUser.do", method = { RequestMethod.POST })
@ResponseBody
public Map<String, Object> saveUser (@RequestBody MapUser user){
Map<String, Object> map = new HashMap<String, Object>();
System.out.println(user.getUuid()+user.getIdCard());
map.put("result", "fda");
return map ;
}
錯(cuò)誤分析:415 (不支持的媒體類型) 請(qǐng)求的格式不受請(qǐng)求頁面的支持
正確的json格式{key:value, key:value}key和value應(yīng)該都帶雙引號(hào)。上面的前臺(tái)代碼data中的數(shù)據(jù)value不帶雙引號(hào),所以導(dǎo)致報(bào)錯(cuò)(因?yàn)榍懊娼佑|的項(xiàng)目這樣寫是沒問題)
所以初步分析可能應(yīng)為框架的問題,有的框架可以將
data : {"uuid" : uuId,"idCard" : idCard}這種封裝成正確的json格式。
具體原因還不知道,博主也是小白,等博主搞清楚會(huì)分享出來的
解決辦法:將前臺(tái)注釋的代碼打開
var saveData = JSON.stringify(result)<br>這個(gè)函數(shù)可以轉(zhuǎn)化成真確的json格式。<br><br>ps:小白一個(gè),有不對(duì)的地方請(qǐng)大神指正;有大神知道具
以上所述是小編給大家介紹的Ajax向后臺(tái)傳json格式的數(shù)據(jù)出現(xiàn)415錯(cuò)誤的原因分析及解決方法,希望對(duì)大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
- 詳解ajax的data參數(shù)錯(cuò)誤導(dǎo)致頁面崩潰
- 快速解決ajax請(qǐng)求出錯(cuò)狀態(tài)碼為0的問題
- PHP 中使用ajax時(shí)一些常見錯(cuò)誤總結(jié)整理
- 完美解決ajax跨域請(qǐng)求下parsererror的錯(cuò)誤
- ajax跨域訪問報(bào)錯(cuò)501的解決方法
- jQuery中ajax錯(cuò)誤調(diào)試分析
- Ajax犯的錯(cuò)誤處理方法
- js ajaxfileupload.js上傳報(bào)錯(cuò)的解決方法
- 解決ajax返回驗(yàn)證的時(shí)候總是彈出error錯(cuò)誤的方法
- Jquery Ajax Error 調(diào)試錯(cuò)誤的技巧
- django使用ajax post數(shù)據(jù)出現(xiàn)403錯(cuò)誤如何解決
- Ajax報(bào)錯(cuò)400的參考解決辦法
相關(guān)文章
ajax結(jié)合豆瓣搜索結(jié)果進(jìn)行分頁完整代碼
這篇文章主要為大家詳細(xì)介紹了ajax結(jié)合豆瓣搜索結(jié)果進(jìn)行分頁完整代碼,具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-10-10
基于ajax的簡(jiǎn)單搜索實(shí)現(xiàn)方法
這篇文章主要介紹了基于ajax的簡(jiǎn)單搜索實(shí)現(xiàn)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了ajax調(diào)用實(shí)現(xiàn)搜索功能的具體步驟與相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
AJAX的原理—如何做到異步和局部刷新【實(shí)現(xiàn)代碼】
如何做到異步和局部刷新?下面小編就為大家?guī)硪黄狝JAX的原理—如何做到異步和局部刷新【實(shí)現(xiàn)代碼】。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法
AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法...2007-04-04
ajax類AJAXRequest v0.8.01 2008-01-31 最新版附使用幫助
2008-02-02
ajax實(shí)現(xiàn)select三級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了ajax動(dòng)態(tài)實(shí)現(xiàn)select三級(jí)聯(lián)動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-01-01
AJAX跨域請(qǐng)求JSONP獲取JSON數(shù)據(jù)的實(shí)例代碼
Asynchronous JavaScript and XML (Ajax) 是驅(qū)動(dòng)新一代 Web 站點(diǎn)(流行術(shù)語為 Web 2.0 站點(diǎn))的關(guān)鍵技術(shù)。Ajax 這篇文章主要介紹了AJAX跨域請(qǐng)求JSONP獲取JSON數(shù)據(jù)的實(shí)例代碼,需要的朋友可以參考下2017-02-02
js對(duì)ajax返回?cái)?shù)組的處理介紹
本篇文章主要是對(duì)js對(duì)ajax返回?cái)?shù)組的處理進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02

