xhr发送请求-示例

2025年1月12日#js #javascript #网络请求 #网络 #前端69

AI 生成的摘要

该代码片段使用 `XMLHttpRequest` 发送两个 GET 请求到指定的 URL（http://192.168.0.109:5000/json）。在每个请求完成后，它会解析返回的 JSON 数据并打印到控制台。第一个请求打印整个响应，第二个请求则打印响应中第一个对象的 `name` 属性。

关键代码：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var response = JSON.parse(xhr.responseText);
        console.log(response);
    }
};

xhr.open('GET', 'http://192.168.0.109:5000/json', true);
xhr.send();

------
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var response = JSON.parse(xhr.responseText);
        console.log(response[0].name);
    }
};
  
xhr.open('GET', 'http://192.168.0.109:5000/json', true);  
xhr.send();