(1)使用原生JavaScript发送get请求,响应结果为“Hi, web2022”,显示在控制台 (2)使用原生JavaScript发送post请求,响应结果为JSON串{ "msg", "Hello, 20th grade”},将msg属性值显示在弹窗中 要求:代码中注明必要的注释。
时间: 2024-03-12 07:45:51 浏览: 13
好的,我会为您解答这两个问题。
(1) 发送get请求,响应结果为“Hi, web2022”,显示在控制台
原生JavaScript发送get请求的代码如下:
```javascript
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方式和请求地址
xhr.open('GET', 'http://localhost:8080/hello', true);
// 发送请求
xhr.send();
// 监听请求状态变化事件
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) { // 请求成功
console.log(xhr.responseText); // 输出响应结果
}
};
```
其中,`xhr`对象是XMLHttpRequest对象,通过`open`方法设置请求方式和请求地址,然后通过`send`方法发送请求。最后,监听`onreadystatechange`事件,当请求状态变为4(请求已完成)且请求成功(状态码为200)时,输出响应结果到控制台。
(2) 发送post请求,响应结果为JSON串{ "msg", "Hello, 20th grade”},将msg属性值显示在弹窗中
原生JavaScript发送post请求的代码如下:
```javascript
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方式和请求地址
xhr.open('POST', 'http://localhost:8080/hello', true);
// 设置请求头信息
xhr.setRequestHeader('Content-Type', 'application/json');
// 发送请求
xhr.send(JSON.stringify({
name: 'web2022'
}));
// 监听请求状态变化事件
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) { // 请求成功
var response = JSON.parse(xhr.responseText); // 将响应结果解析为JSON对象
alert(response.msg); // 输出msg属性值到弹窗中
}
};
```
其中,与发送get请求的代码类似,不同之处在于需要设置请求头信息(Content-Type为application/json),并且在`send`方法中传入JSON格式的数据。最后,解析响应结果为JSON对象,并将msg属性值输出到弹窗中。
以上就是您提出的两个问题的解答了,希望能够帮到您。