首頁 >web前端 >js教程 >如何實現Ajax發送請求但不進success

如何實現Ajax發送請求但不進success

php中世界最好的语言
php中世界最好的语言原創
2018-03-30 15:30:441042瀏覽

這次帶給大家如何實現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方法,原因不明。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

使用Ajax和forms實現註冊使用者所需功能

用ajax實作微信網頁授權登入的步奏(附程式碼)

以上是如何實現Ajax發送請求但不進success的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn