Ajax請求發送成功但不進success的解決方法（圖文教學）

下面我就為大家分享一篇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)
@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即可

$.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方法，原因不明。

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

Struts2和Ajax資料互動（圖文教學）

原生ajax寫的上拉加載實例（圖文教學）

MUi框架ajax請求WebService介面實例_AJAX相關

以上是Ajax請求發送成功但不進success的解決方法（圖文教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！