javaScript 发送请求
时间: 2023-11-18 18:46:01 浏览: 25
要发送请求,可以使用 JavaScript 中的 XMLHttpRequest 对象或 fetch() 方法。
XMLHttpRequest 示例:
```javascript
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts');
xhr.onload = () => {
if (xhr.status === 200) {
console.log(JSON.parse(xhr.responseText));
} else {
console.error('请求失败!');
}
};
xhr.send();
```
fetch() 示例:
```javascript
fetch('https://jsonplaceholder.typicode.com/posts')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
这里使用了 promise 语法,首先发送请求并得到响应后,调用 response.json() 方法将响应数据解析为 JSON 格式的数据,并将其返回。如果在这个过程中发生了错误,将会被 catch() 捕获并输出错误信息。
相关问题
JavaScript 发送post请求
可以使用XMLHttpRequest对象发送POST请求。以下是一个基本的示例:
```
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/api", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
var data = JSON.stringify({
name: "John",
age: 30
});
xhr.send(data);
```
在这个示例中,我们首先创建了一个XMLHttpRequest对象。然后,我们调用open()方法来指定请求的类型、URL和异步标志。接下来,我们调用setRequestHeader()方法来设置请求头,这里我们设置了Content-Type为application/json。然后,我们设置了onreadystatechange事件处理程序,以便在请求完成时处理响应。最后,我们调用send()方法来发送请求,并传递要发送的数据。在这个示例中,我们使用JSON.stringify()方法将一个JavaScript对象转换为JSON格式的字符串,并将其作为请求的主体发送。
JavaScript发送ajax请求
可以使用`XMLHttpRequest`对象发送ajax请求,示例代码如下:
```javascript
const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api');
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.log('请求失败');
}
};
xhr.send();
```
以上代码会发送一个GET请求到`http://example.com/api`,请求成功后打印响应内容,请求失败则打印错误信息。你可以根据实际情况修改请求方法、请求地址和回调函数。