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

栏目: 编程语言 · JavaScript · jQuery · 发布时间: 8年前

内容简介：下面小编就为大家分享一篇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方法，原因不明。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

产品心经：产品经理应该知道的60件事（第2版）

闫荣 / 机械工业出版社 / 2016-4 / 69.00

本书第一版出版后广获好评，应广大读者要求，作者把自己在实践中新近总结的10个关于产品的最佳实践融入到了这本新书中。这"10件事"侧重于深挖产品需求和产品疯传背后的秘密，配合之前的"50件事"，不仅能帮产品经理打造出让用户尖叫并疯传的产品，还能帮助产品经理迅速全方位提升自己的能力。本书作者有超过10年的产品工作经验，在互联网产品领域公认的大咖，这本书从产品经理核心素养、产品认知、战略与规划、......一起来看看《产品心经：产品经理应该知道的60件事（第2版）》这本书的介绍吧!

码农工具

Base64 编码/解码

RGB CMYK 转换工具

RGB CMYK 互转工具