如何用Javascript发出HTTP请求
时间: 2024-06-10 14:07:01 浏览: 7
你可以使用XMLHttpRequest对象或fetch API来发出HTTP请求。XMLHttpRequest对象是较早的方法,它支持异步和同步请求,并且具有许多事件处理程序可用于处理请求响应。fetch API是一种新的方法,它返回一个Promise对象,并且可以更容易地处理JSON数据。以下是一个使用XMLHttpRequest对象发出HTTP GET请求的示例:
```
const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data');
xhr.onload = function() {
if (xhr.status === 200) {
const data = JSON.parse(xhr.responseText);
console.log(data);
} else {
console.log('请求失败!');
}
};
xhr.send();
```
以下是使用fetch API发送HTTP POST请求的示例:
```
fetch('http://example.com/api/data', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({username: 'John', password: 'password'})
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)