如何从 JSON XMLHttpRequest 获取值？

Question

我是 Web 开发的新手，我在 JavaScript 中使用 XMLHttpRequest() 从 api 获取数据。我正在尝试从数据创建变量，但在尝试执行以下操作时出现错误。有谁知道 var data1 = data["data1"]; 行有什么问题？

<script>
    const Http = new XMLHttpRequest();
    const url = "www.mytestapi.com/response.json";
    Http.open("GET", url);
    Http.send();
                    
    Http.onreadystatechange = (e) => {
        var json = JSON.parse(Http.responseText)
        var data = json.Data
        var data1 = data["data1"]; //issue caused here
    }
<script>

Answer 1

你不需要解析响应数据，数据已经被解析了，试试这个


   const xhr = new XMLHttpRequest();
    const url = "www.mytestapi.com/response.json";
    xhr.open('GET', url);
    xhr.responseType = 'json';
    xhr.onload = () => {
        console.log("load - "+ JSON.stringify(xhr.response));
        var data = xhr.response;
        var data1 = data["data1"]
    }
     xhr.onerror = () => {
        console.log("error status - " + xhr.status);
    }
    xhr.send()

如何从 JSON XMLHttpRequest 获取值？

How to get values from JSON XMLHttpRequest?

javascript

html

css

json

web