本文主要為大家分享一篇Ajax請求發送成功但不進success的解決方案,具有很好的參考價值,希望對大家有所協助。一起跟隨小編過來看看吧,希望能協助到大家。
1.情況描述:ajax發送成功,後台也成功響應請求,並返回了json資料,通過chrome監聽請求也可以看到響應的json資料,但是就是不進success方法,反而跑到error方法中了
前端:
$.ajax({ type : "get", data : {'dbId':node.dbId,'viewId':node.id,'date':new Date()}, url : "${ctp}/ViewOperate/ShowViewSql", dataType : "json", success : function(data){ console.log(data); layer.alert(data,{ skin: 'layui-layer-molv' }); } error : function(data){ layer.alert("進入了error方法",{ skin: 'layui-layer-molv' }); }});
後端:
@RequestMapping(value="/ShowViewSql",method=RequestMethod.GET)@ResponseBodypublic String showCreateViewSql(@RequestParam(value="dbId",required=false)Integer dbId, @RequestParam(value="viewId",required=false)Integer viewId) { return "abc";}
原因:後台返回的json資料是一個純String類型的對象時,前端dataType屬性設定為json後,會認為這個由String對象轉換的json資料格式不是標準的json格式,所以就去執行error對應的方法了。
解決: 後端不用改,只需要把前端ajax請求中的dataType屬性設定為text即可
$.ajax({ type : "get", data : {'dbId':node.dbId,'viewId':node.id,'date':new Date()}, url : "${ctp}/ViewOperate/ShowViewSql", dataType : "text", success : function(data){ console.log(data); layer.alert(data,{ skin: 'layui-layer-molv' }); } error : function(data){ layer.alert("進入了error方法",{ skin: 'layui-layer-molv' }); }});
特殊情況:當後端返回的json數字是類似 “1”、”2”、”22”、”232123”、”-1”、 “232123.44” 數字字串的時候,前端dataType屬性設定為json時,也能正常進入success方法,原因不明。