ajax 跨域请求json

在前端开发中，跨域请求是一个常见的问题，因为浏览器有同源策略，如果不同源，则需要使用特殊方法来实现跨域请求。其中，一种常用的方法是使用ajax请求json。

$.ajax({
    type: "GET",url: "http://www.example.com/data.json",dataType: "json",success: function(data){
        console.log(data);
    },error: function(xhr,status,error){
        console.log(error);
    }
});

在上面的代码中，我们使用了jquery的ajax函数来请求一个json数据，其中跨域请求的关键在于url参数的设置。如果我们直接请求一个不同源的地址，浏览器会阻止请求，报错信息如下：

XMLHttpRequest cannot load http://www.example.com/data.json. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://www.yourdomain.com' is therefore not allowed access.

这是因为目标地址没有设置允许跨域请求的响应头信息（Access-Control-Allow-Origin），浏览器不能接受这个请求。

解决这个问题的方法是，在目标地址的服务器上添加响应头信息。通常，我们可以在服务器端使用PHP、node等语言来实现这个功能。以PHP为例：

header('Access-Control-Allow-Origin: http://www.yourdomain.com');
header('Access-Control-Allow-Methods: GET,POST,OPTIONS');
header('Access-Control-Allow-Headers: Content-Type');

以上代码中，第一行允许‘http://www.yourdomain.com’这个域名的跨域请求，第二行指定了允许的请求方式，第三行指定了允许的请求头信息。

当然，不同的服务器语言和框架有不同的设置方式，具体可以参考相应的文档。

总的来说，跨域请求是前端开发中常见的问题，使用ajax请求json是一种常用的解决方法。需要注意的是，我们需要在目标地址的服务器上添加响应头信息，以允许跨域请求。