解決spring mvc 返回json數(shù)據(jù)到ajax報錯parseerror問題
更新時間：2017年05月17日 09:57:36 作者：愛喝啤酒的猴子
最近使用ajax接收spring mvc傳過來的json數(shù)據(jù)時總是出現(xiàn)parseerror的錯誤,下面通過本文給大家分享spring mvc 返回json數(shù)據(jù)到ajax報錯parseerror問題的解決方法，需要的朋友參考下吧
最近使用ajax接收spring mvc傳過來的json數(shù)據(jù)時總是出現(xiàn)parseerror的錯誤，錯誤源碼如下：
前端：
$.ajax({
type: 'POST',
url: "groupFunctionEdit",
dataType: 'json',
contentType: "application/json",
data: JSON.stringify(functiondata),
success: function(data){
alert('數(shù)據(jù)加載成功'+data.msg);
},
error: function(xhr, type){
alert('數(shù)據(jù)加載失敗');
console.log(type);
}
后臺Controller：
@RequestMapping("/groupFunctionEdit")
public @ResponseBody Object groupFunctionEdit(@RequestBody List<YyGroupFunction> yyGroupFunctionList) throws JsonProcessingException{
return "success";
}
查詢資料發(fā)現(xiàn)有如下解答：
當(dāng)使用簡單類型即：String這樣的類型來接收數(shù)據(jù)時，不需要使用@RequestBody這個注解。
這里需要使用spring mvc處理json的依賴jar包：jackson.databind.jar
解決辦法：
前端不用修改，在后臺對需要的數(shù)據(jù)進(jìn)行map封裝再轉(zhuǎn)化為String類型：
@RequestMapping("/groupFunctionEdit")
public @ResponseBody Object groupFunctionEdit(@RequestBody List<YyGroupFunction> yyGroupFunctionList) throws JsonProcessingException{
Map<String,Object> map = new HashMap<String,Object>();
map.put("msg", "success");
ObjectMapper mapper = new ObjectMapper();
String msg = mapper.writeValueAsString(map);
return msg;
}
這樣傳到前端的數(shù)據(jù)變成了：
{"msg":"success"}
再使用jQuery可以解析到，不會報錯。
以上所述是小編給大家介紹的解決spring mvc 返回json數(shù)據(jù)到ajax報錯parseerror問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
因?yàn)閘aravel以post形式提交數(shù)據(jù)時候需要加{{csrf_field()}}防止跨站攻擊,下面通過本文給大家分享lavarel框架中使用ajax提交表單的方法，一起看看吧2016-12-12
這篇文章主要為大家詳細(xì)介紹了AJAX分頁效果的簡單實(shí)現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)頁面無刷新留言效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
使用Yii整合的pjax（pushstate+ajax）實(shí)現(xiàn)無刷新加載頁面
本篇文章給大家介紹Yii整合pjax（pushstate+ajax）實(shí)現(xiàn)無刷新加載頁面，小伙伴跟著小編一起學(xué)習(xí)吧2015-09-09
使用ajax跨域調(diào)用springboot框架的api傳輸文件
這篇文章主要介紹了使用ajax跨域調(diào)用springboot框架的api傳輸文件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
AJax 學(xué)習(xí)筆記二(onreadystatechange的作用)
初次接觸onreadystatechange這個事件句柄不知道有何用處，看過一篇文章的介紹之后，終有大致所了解。2010-04-04
ThinkPHP5 通過ajax插入圖片并實(shí)時顯示(完整代碼)
這篇文章主要介紹了ThinkPHP5 通過ajax插入圖片并實(shí)時顯示功能，本文給大家分享網(wǎng)站代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
把全國省市的兩個XML文件整合成一個JSON格式的數(shù)據(jù)，就想到了用Ajax嵌套的方法來解決，查找資料，加個async：false這個Ajax參數(shù)就行了2014-08-08
Ajax獲取數(shù)據(jù)然后顯示在頁面的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狝jax獲取數(shù)據(jù)然后顯示在頁面的實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
Ajax+php數(shù)據(jù)交互并且局部刷新頁面的實(shí)現(xiàn)詳解
這篇文章主要給大家介紹了關(guān)于利用Ajax與php數(shù)據(jù)交互并且局部刷新頁面的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-07-07