前端发送请求
时间: 2023-07-10 14:22:06 浏览: 62
前端发送请求通常使用 XMLHttpRequest (XHR) 对象或者 fetch API。
XMLHttpRequest是一种浏览器提供的API,可以通过JavaScript发送HTTP请求和接收响应。使用XMLHttpRequest发送请求时,需要创建一个XMLHttpRequest对象,然后设置请求的方法、URL、请求头和请求体等参数,最后发送请求并处理响应。
fetch API是一种新的Web API,可以用于发送HTTP请求和接收响应。它使用Promise来处理异步操作,更加简洁易用。使用fetch API发送请求时,只需要传入请求的URL和请求配置对象即可,然后处理响应的Promise对象即可。
以下是使用XMLHttpRequest发送GET请求的示例代码:
```
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data');
xhr.send();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
```
以下是使用fetch API发送GET请求的示例代码:
```
fetch('/api/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
需要注意的是,跨域请求时需要设置CORS或者使用代理等方式来解决跨域问题。