原生ajax请求json数据

最新推荐文章于 2023-07-05 00:02:32 发布

ChargerBot

最新推荐文章于 2023-07-05 00:02:32 发布

阅读量417

点赞数

分类专栏：前端基础

本文链接：https://blog.csdn.net/weixin_39288299/article/details/107258214

版权

前端基础专栏收录该内容

22 篇文章 2 订阅

订阅专栏

文件目录结构

在这里插入图片描述

ajax.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    function showJson() {
      var xmlhttp;
      if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
      } else if (window.ActiveXObject) {
        xmlhttp = new window.ActiveXObject();
      } else {
        alert("请升级至最新版本的浏览器");
      }
      if (xmlhttp != null) {
        xmlhttp.open("GET", "/ajax_info.json", true);
        xmlhttp.send(null);
        xmlhttp.onreadystatechange = function () {
          if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var obj = JSON.parse(xmlhttp.responseText);
            for (var name in obj) {
              console.log(obj[name].key);
            }
          }
        };
      }
    }
    window.onload = function () {
      showJson();
    };
  </script>
</html>

ajax_info.json

[
  {
    "key": "123"
  },
  {
    "key": "456"
  }
]

ChargerBot

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录