ajax json 跨域问题

随着Web应用程序的普及，我们经常会面临跨域问题，特别是当我们使用ajax和json时。当我们从一个域名下的网页向另一个域名的服务器提交请求时，就会出现跨域问题。

例如，在我们的网站上使用ajax获取数据时，我们可能会编写以下代码： 
$.ajax({
  url: "http://api.example.com/data.json",success: function(data) {
    console.log(data);
  }
});

但如果我们的网站部署在www.example.com域名下，而数据在api.example.com域名下，则会出现跨域问题。这是因为浏览器会阻止跨域的请求。 

为了解决这个问题，我们可以使用JSONP（JSON with Padding）或CORS（跨域资源共享）技术来实现跨域请求。

JSONP是一种解决跨域请求的技术，它可以通过动态的 script 标签来实现。例如： 


在data.json文件中，我们需要将数据包裹在一个回调函数中，例如： 
handleData({ "name": "John","age": 30 });

回调函数可以在我们的网页中定义，并将收到的数据作为参数进行处理。例如： 
function handleData(data) {
  console.log(data);
}

使用CORS也可以解决跨域请求的问题。这种技术允许我们在服务器端设置响应头来允许跨域请求。例如： 

Access-Control-Allow-Origin: *

这允许任何域名的请求访问数据。我们可以在服务器端设置更多的响应头来进行更细粒度的控制。 

总之，当我们在使用ajax和json时，跨域问题是不可避免的。但是，通过JSONP和CORS技术，我们可以轻松地实现跨域请求，并获得所需的数据。