1. 程式人生 > >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"; }
  2. 原因:後臺返回的json資料是一個純String型別的物件時,前端dataType屬性設定為json後,會認為這個由String物件轉換的json資料格式不是標準的json格式,所以就去執行error對應的方法了。
  3. 解決: 後端不用改,只需要把前端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' }); } });
  1. 特殊情況:當後端返回的json數字是類似 “1”、”2”、”22”、”232123”、”-1”、 “232123.44” 數字字串的時候,前端dataType屬性設定為json時,也能正常進入success方法,原因不明。