ajax請求返回null不走success
阿新 • • 發佈：2020-08-04
1.情況描述：ajax傳送成功，後臺也成功響應請求，並返回了json資料，通過chrome監聽請求也可以看到響應的json資料，但是就是不進success方法，反而跑到error方法中了
前端：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
$.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'
});
}
});
|
後端：
| 1 2 3 4 5 6 |
@RequestMapping(value="/ShowViewSql",method=RequestMethod.GET)
@ResponseBody
public 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即可
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
$.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方法，原因不明。
以上這篇Ajax請求傳送成功但不進success的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援指令碼之家。