04 練習：向服務器請求 JSON 數據並解析

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 請求