跨域获取json数据是在前端开发中经常遇到的问题。在Web应用程序中，浏览器会限制来自不同域的请求，这是为了保护用户的隐私和安全。但是，有时候我们需要从其他域获取数据，这时候就需要跨域获取json数据。 内容来自samhan666
跨域获取json数据的方法有很多种，以下是其中几种常见的方法：
. JSONP
内容来自samhan666
JSONP是一种利用script标签来实现跨域请求的技术。通过在script标签的src属性中指定请求的地址，并在查询字符串中指定回调函数的名称，服务器会返回一个JavaScript函数的调用，该函数的参数即为请求到的数据。 zvvq好，好zvvq
例如，我们可以使用以下代码来获取百度搜索的热门搜索词：
```javascript 本文来自zvvq
function handleData(data) {
zvvq好，好zvvq
console.log(data);
内容来自samhan
}
const script = document.createElement(&;script&;); 内容来自zvvq
script.src = &;https://www.baidu.com/su?wd=&json=&p=&sid=_____0____&req=&csor=&cb=handleData&;;
document.head.appendChild(script); 内容来自samhan
``` zvvq
. CORS
CORS是一种在服务器端设置响应头来允许跨域请求的技术。通过在服务器端设置Access-Control-Allow-Origin头来指定允许跨域请求的域名，浏览器就可以正常接收到跨域请求的响应。 zvvq好，好zvvq
例如，在Node.js中可以使用以下代码来设置CORS：
```javascript 内容来自samhan
const http = require(&;http&;); zvvq好，好zvvq
http.createServer((req, res) => { 本文来自zvvq
res.writeHead(0, {
内容来自zvvq
&;Content-Type&;: &;application/json&;,
&;Access-Control-Allow-Origin&;: &;&;
zvvq.cn
});
const data = { message: &;Hello, world!&; };
res.end(JSON.stringify(data)); zvvq
}).listen(00);
```
. 代理
zvvq
代理是一种在服务器端转发请求来避免跨域请求的技术。通过在服务器端设置代理，将客户端发送的请求转发到目标服务器，并将响应返回给客户端，从而实现跨域请求。 zvvq
例如，在Node.js中可以使用以下代码来设置代理： zvvq
```javascript zvvq
const http = require(&;http&;);
zvvq.cn
const https = require(&;https&;); zvvq好，好zvvq
const url = require(&;url&;);
http.createServer((req, res) => { 内容来自zvvq，别采集哟
const targetUrl = &;https://www.example.com/api/data&;; zvvq.cn
const options = url.parse(targetUrl); 内容来自samhan
options.method = req.method;
options.headers = req.headers; 内容来自zvvq，别采集哟
const proxyReq = https.request(options, (proxyRes) => { 内容来自zvvq，别采集哟
res.writeHead(proxyRes.statusCode, proxyRes.headers);
内容来自samhan666
proxyRes.pipe(res);
});
req.pipe(proxyReq);
zvvq
}).listen(00);
``` 内容来自zvvq，别采集哟
以上是跨域获取json数据的几种常见方法。在实际开发中，我们需要根据具体的情况选择合适的方法来解决跨域请求的问题。 内容来自samhan666