欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Ajax請求發(fā)送成功但不進success的解決方法

 更新時間：2018年01月18日 14:46:33   作者：xcmercy  
下面小編就為大家分享一篇Ajax請求發(fā)送成功但不進success的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

1.情況描述：ajax發(fā)送成功，后臺也成功響應請求，并返回了json數(shù)據(jù)，通過chrome監(jiān)聽請求也可以看到響應的json數(shù)據(jù)，但是就是不進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數(shù)據(jù)是一個純String類型的對象時，前端dataType屬性設(shè)置為json后，會認為這個由String對象轉(zhuǎn)換的json數(shù)據(jù)格式不是標準的json格式，所以就去執(zhí)行error對應的方法了。

解決： 后端不用改，只需要把前端ajax請求中的dataType屬性設(shè)置為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數(shù)字是類似 “1”、”2”、”22”、”232123”、”-1”、 “232123.44” 數(shù)字字符串的時候，前端dataType屬性設(shè)置為json時，也能正常進入success方法，原因不明。

以上這篇Ajax請求發(fā)送成功但不進success的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • 解決ajax提交到后臺數(shù)據(jù)成功但返回不走success而走的error問題

    解決ajax提交到后臺數(shù)據(jù)成功但返回不走success而走的error問題

    今天小編就為大家分享一篇解決ajax提交到后臺數(shù)據(jù)成功但返回不走success而走的error問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • 使用ajax技術(shù)實現(xiàn)txt彈出在頁面上的方法

    使用ajax技術(shù)實現(xiàn)txt彈出在頁面上的方法

    下面小編就為大家?guī)硪黄褂胊jax技術(shù)實現(xiàn)txt彈出在頁面上的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • DELETE 請求如何通過ajax進行發(fā)送(方法小結(jié))

    DELETE 請求如何通過ajax進行發(fā)送(方法小結(jié))

    DELETE 請求用于向服務器發(fā)送刪除資源的請求,它是 RESTful API 中的一個重要方法,用于刪除指定的資源,本文給大家介紹DELETE 請求如何通過ajax進行發(fā)送,感興趣的朋友一起看看吧
    2023-11-11
  • AJAX跨域問題解決方案詳解

    AJAX跨域問題解決方案詳解

    從剛接觸前端開發(fā)起，跨域這個詞就一直以很高的頻率在身邊重復出現(xiàn)，一直到現(xiàn)在，已經(jīng)調(diào)試過N個跨域相關(guān)的問題了，這篇文章主要介紹了AJAX跨域問題的解決方案
    2022-08-08
  • Ajax動態(tài)為下拉列表添加數(shù)據(jù)的實現(xiàn)方法

    Ajax動態(tài)為下拉列表添加數(shù)據(jù)的實現(xiàn)方法

    這篇文章主要介紹了Ajax動態(tài)為下拉列表添加數(shù)據(jù)的實現(xiàn)方法,需要的朋友可以參考下
    2017-01-01
  • ajax 防止用戶反復提交的2種解決方案

    ajax 防止用戶反復提交的2種解決方案

    ajax 防止重復提交可以通過在服務器端加載方法或直接寫在頁面腳本里，具體實現(xiàn)如下，遇到重復提交情況的朋友可以參考下，希望對大家有所幫助
    2013-07-07
  • 深入淺析Jsonp解決ajax跨域問題

    深入淺析Jsonp解決ajax跨域問題

    這篇文章主要介紹了深入淺析Jsonp解決ajax跨域問題的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
    2016-05-05
  • Ajax基礎(chǔ)詳解教程(一)

    Ajax基礎(chǔ)詳解教程(一)

    ajax技術(shù)在前端應用開發(fā)中經(jīng)常會用到，是必須要掌握的知識。下面腳本之家小編給大家?guī)砹薃jax基礎(chǔ)詳解教程(一)，感興趣的朋友跟著一起學習吧
    2016-06-06
  • 關(guān)于二次封裝jquery ajax辦法示例詳解

    關(guān)于二次封裝jquery ajax辦法示例詳解

    Ajax 的全稱是Asynchronous JavaScript and XML 異步的javaScript和XML，下面這篇文章主要給大家介紹了關(guān)于二次封裝jquery ajax辦法示例，文中通過示例代碼介紹的非常詳細，需要的朋友們下面來一起看看吧。
    2017-07-07
  • AJAX如何實現(xiàn)無刷新登錄功能

    AJAX如何實現(xiàn)無刷新登錄功能

    點擊登錄按鈕時彈出登錄窗口,輸入正確的用戶名密碼后點擊登錄則登錄窗口關(guān)閉,狀態(tài)改為當前用戶名.這篇文章主要介紹了AJAX如何實現(xiàn)無刷新登錄功能，需要的朋友參考下
    2017-01-01

最新評論