首页 >web前端 >js教程 > 正文

Ajax请求发送成功但不进success的解决方法(图文教程)

原创2018-05-21 16:28:380739
第九期线上培训班
下面我就为大家分享一篇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方法,原因不明。

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

Struts2和Ajax数据交互(图文教程)

原生ajax写的上拉加载实例(图文教程)

MUi框架ajax请求WebService接口实例_AJAX相关

以上就是Ajax请求发送成功但不进success的解决方法(图文教程)的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:Ajax 不进 成功
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类
    第九期线上培训班