JSON基础入门实战讲解在线视频课程-JSON.parse() 从服务端接收数组的 JSON 数据

灰太狼 2024-02-19 16:36 16阅读 0赞

从服务端接收数组的 JSON 数据  
json\_demo\_array.txt

[ "Google", "Runoob", "Taobao" ]

完整实例代码

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>JS中文教程网 8939.org</title>
    </head>
    <body>
    
    <h2>内容是数组</h2>
    <p>内容是数组会转换为 JavaScript 数组。</p>
    
    <p id="demo"></p>
    
    <script>
    
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            myArr = JSON.parse(this.responseText);
            document.getElementById("demo").innerHTML = myArr[1];
        }
    };
    xmlhttp.open("GET", "http://www.8939.org/json/json_demo_array.txt", true);
    xmlhttp.send();
    
    </script>
    
    <p>查看服务端数据 <a href="http://www.8939.org/json/json_demo_array.txt" target="_blank">json_demo_array.txt</a></p>
    
    </body>
    </html>

[欢迎大家学习我的视频课程：JSON基础入门实战讲解在线视频课程][JSON]  
微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：[https://edu.csdn.net/topic/huangjuhua][https_edu.csdn.net_topic_huangjuhua]![JSON基础入门实战讲解在线视频课程-JSON.parse() 从服务端接收数组的 JSON 数据][JSON_-JSON.parse_ _ JSON]

[JSON]: https://ke.qq.com/course/351621?tuin=2b10d56
[https_edu.csdn.net_topic_huangjuhua]: https://edu.csdn.net/topic/huangjuhua
[JSON_-JSON.parse_ _ JSON]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/00200934e3694d66a85bb1a1d42443f7.png