您好,欢迎来到智涉情感网。
搜索
您的当前位置:首页如何实现Ajax发送请求但不进success

如何实现Ajax发送请求但不进success

来源:智涉情感网


这次给大家带来如何实现Ajax发送请求但不进success,实现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方法,原因不明。

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

使用Ajax和forms实现注册用户所需功能

用ajax实现微信网页授权登录的步奏(附代码)

Copyright © 2019- zshe.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务