当前位置 博文首页 > Ajax请求发送成功但不进success的解决方法

    Ajax请求发送成功但不进success的解决方法

    作者:xcmercy 时间:2021-09-21 19:11

    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方法,原因不明。

    以上这篇Ajax请求发送成功但不进success的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持站长博客。

    jsjbwy
    下一篇:没有了