您当前的位置:首页 > 网站建设 > ajax
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

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

51自学网 2022-02-21 10:51:36
  ajax

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)@ResponseBodypublic 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的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持51zixue.net。


下载地址:
ajax实现上传图片保存到后台并读取的实例
ajax实现select三级联动效果
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。