xhr send request - example

Jan 12, 2025#js #javascript #网络请求 #网络 #前端70

AI Translation

This post is translated from Chinese into English through AI.View Original

AI-generated summary

The code demonstrates how to make two asynchronous HTTP GET requests using `XMLHttpRequest` to a specified URL (`http://192.168.0.109:5000/json`). In both cases, it checks if the request is complete and successful (readyState 4 and status 200). The first request logs the entire JSON response, while the second request logs the `name` property of the first object in the response array.

Key code:

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();