如何用1個小時學完 JSON？
阿新 • • 發佈：2018-03-15
代碼 color app employees index www. 讀取 數據 字符
W3school
↑↑↑學這個，1個小時夠了。下面是節選：
代碼例子1：
1 <html> 2 <body> 3 <h2>在 JavaScript 中創建 JSON 對象</h2> 4 5 <p> 6 Name: <span id="jname"></span><br /> 7 Age: <span id="jage"></span><br /> 8 Address: <span id="jstreet"></span><br /> 9Phone: <span id="jphone"></span><br /> 10 </p> 11 12 <script type="text/javascript"> 13 var JSONObject= { 14 "name":"Bill Gates", 15 "street":"Fifth Avenue New York 666", 16 "age":56, 17 "phone":"555 1234567"};←JSON 可通過 JavaScript 進行解析。 18 document.getElementById("jname").innerHTML=JSONObject.name19 document.getElementById("jage").innerHTML=JSONObject.age 20 document.getElementById("jstreet").innerHTML=JSONObject.street 21 document.getElementById("jphone").innerHTML=JSONObject.phone 22 </script> 23 24 </body> 25 </html>
代碼例子2：
1 <html> 2 <body> 3 <h2>通過 JSON 字符串來創建對象</h3> 4<p> 5 First Name: <span id="fname"></span><br /> 6 Last Name: <span id="lname"></span><br /> 7 </p> 8 <script type="text/javascript"> 9 var txt = ‘{"employees":[‘ + 10 ‘{"firstName":"Bill","lastName":"Gates" },‘ + 11 ‘{"firstName":"George","lastName":"Bush" },‘ + 12 ‘{"firstName":"Thomas","lastName":"Carter" }]}‘; 13 14 var obj = eval ("(" + txt + ")");←JavaScript 程序能夠使用內建的 eval() 函數，用 JSON 數據來生成原生的 JavaScript 對象。 15 16 document.getElementById("fname").innerHTML=obj.employees[1].firstName 17 document.getElementById("lname").innerHTML=obj.employees[1].lastName 18 </script> 19 </body> 20 </html>
【記憶點】
- JSON 文件的文件類型是 ".json"
- JSON 文本的 MIME 類型是 "application/json"
- JavaScript 程序能夠使用內建的 eval() 函數，用 JSON 數據來生成原生的 JavaScript 對象。
- JSON 可通過 JavaScript 進行解析。
- JSON 最常見的用法之一，是從 web 服務器上讀取 JSON 數據（作為文件或作為 HttpRequest），將 JSON 數據轉換為 JavaScript 對象，然後在網頁中使用該數據。
- 使用 JSON 解析器將 JSON 轉換為 JavaScript 對象是更安全的做法。JSON 解析器只能識別 JSON 文本，而不會編譯腳本。
- 較新的瀏覽器和最新的 ECMAScript (JavaScript) 標準中均包含了原生的對 JSON 的支持。
類似 XML
- JSON 是純文本
- JSON 具有層級結構（值中存在值）
- JSON 可通過 JavaScript 進行解析
- JSON 數據可使用 AJAX 進行傳輸
相比 XML 的不同之處
- 沒有結束標簽
- 能夠使用內建的 JavaScript eval() 方法進行解析
- 使用數組
- 不使用保留字
如何用1個小時學完 JSON？