原生 JavaScript 获取 json 格式数据

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"
  }
]}

注意:

如果直接复制,用浏览器打开会报错
得在服务器环境下才能正常运行,放在IDEA中运行即可

在这里插入图片描述


在这里插入图片描述

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页