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

xiaoxiao2021-02-28  22

1.情况描述:ajax发送成功,后台也成功响应请求,并返回了json数据,通过chrome监听请求也可以看到响应的json数据,但是就是不进success方法,反而跑到error方法中了

前端:

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $.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'     });   } });

后端:

? 1 2 3 4 5 6 @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类型的对象时(@ResponseBody),前端dataType属性设置为json后,会认为这个由String对象转换的json数据格式不是标准的json格式,所以就去执行error对应的方法了。

解决: 后端不用改,只需要把前端ajax请求中的dataType属性设置为text即可

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $.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方法,原因不明。

转载请注明原文地址: https://www.6miu.com/read-2628732.html

最新回复(0)