ajax 跨域json文件

在前端开发中，我们经常会遇到需要从不同的域名或端口获取JSON数据的需求，但是由于浏览器的同源政策，直接从其他域名或端口获取数据是不被允许的。这时我们可以通过使用AJAX跨域的方式来获取JSON数据。

$.ajax({
  url: 'http://example.com/data.json',// 请求的URL
  type: 'GET',// 请求方法
  dataType: 'json',// 数据类型为JSON
  crossDomain: true,// 开启跨域支持
  success: function(data) {
    console.log(data); // 输出获取到的数据
  },error: function(xhr) {
    console.log(xhr.responseText); // 输出错误信息
  }
});

在上面的代码中，我们使用了jQuery的ajax方法来发送AJAX请求。其中，url参数指定了要请求的JSON数据的URL地址；type参数指定了请求方法，这里我们使用了GET方法；dataType参数指定了请求得到的数据类型，这里我们要获取的是JSON数据；crossDomain参数指定为true则表示开启了跨域支持。

在成功获取到数据之后，我们可以在success回调函数中对获取到的数据进行处理，比如在控制台输出数据。如果请求出现异常，则会进入error回调函数中，我们可以在这里输出错误信息进行排查。

需要注意的是，AJAX跨域请求需要服务器端在响应请求时设置一些特殊的HTTP头信息，详细的设置方法可以参考CORS（Cross-Origin Resource Sharing）规范。