Ajax向后臺(tái)傳json格式的數(shù)據(jù)出現(xiàn)415錯(cuò)誤的原因分析及解決方法
問題描述：
ajax往后臺(tái)傳json格式數(shù)據(jù)報(bào)415錯(cuò)誤,如下圖所示
頁(yè)面代碼
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)求頁(yè)面的支持
正確的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ì)分享出來(lái)的
解決辦法：將前臺(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)致頁(yè)面崩潰
- 快速解決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)文章
Jquery基于Ajax方法自定義無(wú)刷新提交表單Form實(shí)例
這篇文章主要介紹了Jquery基于Ajax方法自定義無(wú)刷新提交表單Form的方法,結(jié)合實(shí)例詳細(xì)分析了Ajax無(wú)刷新提交表單的完整實(shí)現(xiàn)過(guò)程,并總結(jié)了使用中的注意事項(xiàng),具有很好的借鑒價(jià)值,需要的朋友可以參考下2014-11-11
load(url,[data],[callback])url：加載的頁(yè)面地址;data: 可選項(xiàng)，發(fā)送到服務(wù)器的數(shù)據(jù)，格式是key/value;callback:可選項(xiàng)，回調(diào)函數(shù)，示例代碼如下2013-05-05
ajax來(lái)自動(dòng)補(bǔ)全表單字段示例
這篇文章主要介紹了如何使用ajax來(lái)自動(dòng)補(bǔ)全表單字段,需要的朋友可以參考下2014-08-08
Ajax實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)（三）
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
Ajax實(shí)現(xiàn)文件上傳功能(Spring MVC)
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)文件上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要為大家詳細(xì)介紹了ajax獲取用戶所在地天氣的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
建立XMLHttpRequest對(duì)象...2006-07-07
Ajax實(shí)現(xiàn)動(dòng)態(tài)加載組合框的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了Ajax實(shí)現(xiàn)動(dòng)態(tài)加載組合框功能，感興趣的朋友一起看看吧2017-08-08
今天小編就為大家分享一篇快速解決ajax返回值給外部函數(shù)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
這篇文章主要介紹了jQuery Ajax方式上傳文件的方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08