ajax返回json收不到

在使用Ajax获取后台传回的JSON数据时，有时候会发生无法获取到数据的情况，这时我们需要检查以下可能出现的问题：

  <script type="text/javascript">
    $.ajax({
      type: "post",url: "url",dataType: "json",data: {name: "test"},success: function(data){
        console.log(data);
      },error: function(){
        console.log("Error");
      }
    });
  </script>

1. JSON格式不正确

首先需要检查后台传回的JSON格式是否正确，无论是手动生成还是通过后端代码生成，都需要保证格式正确，否则前端将无法解析JSON数据。正确的JSON格式如下所示：

{
  "status": 200,"message": "success","data": {
    "name": "test","age": 18
  }
}

2. 返回的不是JSON类型数据

其次需要检查后台传回的数据类型是否为JSON，如何检查呢？可以在控制台打印传回来的数据，如果是JSON类型，控制台会将其解析为对象。如果不是JSON类型，可以尝试更改dataType为text，在success回调函数中手动解析数据：

  <script type="text/javascript">
    $.ajax({
      type: "post",dataType: "text",success: function(data){
        var jsonData = eval("(" + data + ")");
        console.log(jsonData);
      },error: function(){
        console.log("Error");
      }
    });
  </script>

3. 跨域问题

最后需要考虑的是跨域问题，跨域是指前端脚本从一个域名的页面向另一个域名的服务器请求数据，这种情况下浏览器会拒绝请求。如果遇到跨域问题可以尝试使用jsonp或者后端添加跨域请求头解决。