ajax跨域调json文件

AJAX是前端开发中常用的一种技术，可以实现异步交互和动态更新页面。然而，由于同源策略的限制，AJAX无法跨域访问其他域名下的文件。这时候，我们可以使用JSONP或CORS等技术来解决跨域问题，但是本文介绍的是另一种方法——使用代理服务器。

我们可以编写一个代理服务器程序，将跨域的请求转发到同源的服务器上，并且将请求结果返回给浏览器。这样，浏览器就能够跨域获取数据了。下面，我们来看一段使用jQuery实现的跨域请求JSON文件的代码：

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

这段代码中，我们向代理服务器发送了一个请求，同时指定了跨域的URL（即需要获取的JSON文件所在的URL）。代理服务器将这个请求转发到同源的服务器上，并且将请求结果返回给浏览器。

而代理服务器的代码可以是这样的：

const express = require('express');
const request = require('request');
const app = express();

app.use('/proxy',(req,res) => {
  const url = req.query.url;
  const options = {
    url: url,headers: {
      'User-Agent': 'request'
    }
  };
  request(options,(err,response,body) => {
    if (err) console.log(err);
    res.json(JSON.parse(body));
  });
});

app.listen(3000,() => console.log('Proxy server running on port 3000!'));

这段代码使用Express框架编写了一个简单的HTTP服务器，同时使用request模块实现了代理服务器的转发功能。在这个例子中，我们将请求转发到了'http://example.com/data.json'，你可以根据你的需要修改这个URL。

以上就是关于使用代理服务器跨域调用JSON文件的方法，相比JSONP和CORS，代理服务器的方法更加灵活，同时也可以解决更多的跨域问题。