04 练习：向服务器请求 JSON 数据并解析

最新推荐文章于 2023-12-16 23:03:15 发布

shphuang

最新推荐文章于 2023-12-16 23:03:15 发布

阅读量262

点赞数

CC 4.0 BY-SA版权

分类专栏： json 速学（全）文章标签： json

本文链接：https://blog.youkuaiyun.com/qq_43567345/article/details/105454601

json 速学（全）专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了一种使用JavaScript从服务器请求JSON数据的方法，并通过XMLHttpRequest对象进行数据解析的过程。文章展示了如何通过GET请求获取JSON数据，将其转换为JSON对象，并在网页上展示。此外，还解释了XMLHttpRequest对象的open()和send()方法的使用，包括请求类型、URL及异步处理请求等参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

04 练习：向服务器请求 JSON 数据并解析

<script type="text/javascript">

        window.onload = function () {
            //获取XMLHttpRequest
            xmlhttp = new XMLHttpRequest()
            xmlhttp.open("GET","book.json",false)
            xmlhttp.send()

            //获得 json 字符串
            var jsonStr = xmlhttp.response
            alert(jsonStr)

            //将 json 字符串转换为 json 对象
            var json = JSON.parse(jsonStr)

            var writeStr = "ID = "+json.id+
                "<br/>name = "+json.name+
                "<br/>price = "+json.price

            document.write(writeStr)
        }

</script>

book.json
{"id": "001","name": "java 进阶","price": 50}

XMLHttpRequest 对象的 open() 和 send() 方法详解:

方法	描述
open(method,url,async)	规定请求的类型、URL 以及是否异步处理请求。 method：请求的类型（GET 或 POST） url：文件在服务器上的位置 async：true（异步）或 false（同步）
send(string)	将请求发送到服务器。 string：仅用于 POST 请求