原生 JavaScript 获取 json 格式数据

清潇和梨花 2019-09-25 21:51:47

1351

分类专栏：前端

本文链接：https://blog.csdn.net/qq_43901693/article/details/101388988

版权

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JSON</title>
</head>
<body>
<p id="demo"></p>
<script>
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            myObj = JSON.parse(this.responseText);
            console.log(myObj.obj[0].name);
            document.getElementById("demo").innerHTML = myObj.obj[0].name;
        }
    };
    xmlhttp.open("GET", "data.json", true);
    xmlhttp.send();
</script>
</body>
</html>

JSON 数据

{"obj":[{
  "name": "张国立",
  "sex": "男",
  "email": "zhangguoli@123.com"
},
  {
    "name": "张铁林",
    "sex": "男",
    "email": "zhangtieli@123.com"
  },
  {
    "name": "邓婕",
    "sex": "女",
    "email": "zhenjie@123.com"
  }
]}