当前位置:首页 > 编程技术 > 正文

ajax如何跨域请求接口

ajax如何跨域请求接口

在浏览器中,出于安全考虑,默认情况下,AJAX请求会遵循同源策略,即只能向与当前页面的源(协议+域名+端口)相同的URL发送请求。如果需要跨域请求接口,可以采用以下几种...

在浏览器中,出于安全考虑,默认情况下,AJAX请求会遵循同源策略,即只能向与当前页面的源(协议+域名+端口)相同的URL发送请求。如果需要跨域请求接口,可以采用以下几种方法:

1. CORS(跨源资源共享):

服务器设置响应头`Access-Control-Allow-Origin`来允许跨域请求。

请求方法包括`GET`、`POST`等。

如果请求的数据类型是JSON,服务器需要设置`Access-Control-Allow-Headers`为`Content-Type`。

对于`PUT`、`DELETE`等非简单请求,服务器还需要预检请求,设置`Access-Control-Allow-Methods`。

示例代码(服务器端):

```javascript

// Node.js 例子,使用 express 框架

app.use((req, res, next) => {

res.header('Access-Control-Allow-Origin', 'http://example.com'); // 允许的域名

res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');

next();

最新文章