在 JavaScript 中,進行跨域請求通常需要使用 CORS(跨源資源共享)機制。CORS 需要服務器端的支持,服務器需要在響應頭中添加允許跨域的頭信息。以下是幾種常見的 CORS 跨域請求方式:
Access-Control-Allow-Origin: *
即可。示例代碼:
fetch('https://example.com/api/data', {
method: 'GET',
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
Access-Control-Allow-Origin: *
和 Access-Control-Allow-Methods
等頭信息。示例代碼:
fetch('https://example.com/api/data', {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ key: 'value' }),
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
服務器端需要添加如下響應頭:
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: PUT, POST, GET, OPTIONS
Access-Control-Allow-Headers: Content-Type
除了 CORS 機制外,還可以使用 JSONP(JSON with Padding)方式進行跨域請求。但 JSONP 只支持 GET 請求,且需要服務器端配合。