json文件跨域_代码示例

JSON文件跨域是指在网页中通过JavaScript代码请求加载JSON文件时，由于浏览器的同源策略限制，只能在同一域名下加载JSON文件。如果需要从不同域名加载JSON文件，就需要进行跨域处理。

一种常用的解决方案是使用JSONP（JSON with Padding）技术。JSONP利用了script标签没有跨域限制的特性，通过动态创建一个script标签，将JSON数据作为参数传递到服务器端的一个回调函数中，服务器端将该JSON数据作为参数传递给回调函数，并返回一个调用该回调函数的JavaScript代码。这样，浏览器就可以通过script标签加载服务器返回的JavaScript代码，从而获取到JSON数据。

下面是一个使用JSONP进行跨域加载JSON文件的示例代码：

function handleJSONP(data) {
  // 处理获取到的JSON数据
  console.log(data);
}
var script = document.createElement('script');
script.src = 'http://example.com/data.json?callback=handleJSONP';
document.body.appendChild(script);

在上述代码中，我们首先定义了一个名为handleJSONP的函数，该函数用于处理获取到的JSON数据。然后，动态创建一个script标签，并将要请求的JSON文件的URL作为script标签的src属性值，同时通过callback参数指定回调函数的名称为handleJSONP。将script标签添加到页面的body元素中。当浏览器加载该script标签时，会发送一个跨域的请求到服务器端，服务器端将返回一个调用handleJSONP函数的JavaScript代码，并将JSON数据作为参数传递给该函数。浏览器执行这段JavaScript代码，即可获取到JSON数据并调用handleJSONP函数进行处理。

通过使用JSONP技术，我们可以实现在不同域名之间加载JSON文件，从而解决了跨域问题。