ajax post 请求 cors跨域
时间: 2023-12-27 19:25:02 浏览: 218
以下是一个使用ajax进行CORS跨域的POST请求的示例代码:
```javascript
var btn = document.getElementById('btn');
btn.onclick = function() {
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法和URL
xhr.open('POST', 'http://localhost:3001/cors', true);
// 设置请求头,允许跨域请求
xhr.setRequestHeader('Content-Type', 'application/json');
// 设置请求成功的回调函数
xhr.onload = function() {
if (xhr.status === 200) {
alert(xhr.responseText);
}
};
// 设置请求失败的回调函数
xhr.onerror = function() {
alert('请求失败');
};
// 发送请求
xhr.send(JSON.stringify({ key: 'value' }));
};
```
这段代码通过XMLHttpRequest对象创建了一个POST请求,并设置了请求头`Content-Type`为`application/json`,以允许跨域请求。然后,通过`send`方法发送请求,并在请求成功时弹出响应数据。
阅读全文