xhr發送請求-示例

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

AI 翻譯

這篇文章透過AI由簡體中文翻譯成繁體中文。查看原文

AI 生成的摘要

這段程式碼展示了如何使用 `XMLHttpRequest` 來發送 GET 請求，並處理伺服器的回應。首先，發送請求到指定的 URL，當請求完成且狀態為 200 時，將回應的 JSON 解析並輸出到控制台。第二次請求同樣發送到相同的 URL，但只輸出回應中第一個物件的 `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();