JSON的簡單例項
阿新 • • 發佈：2018-11-08
JSON全稱是JavaScript Object Notation(JavaScript物件表示法)，是一種儲存與交換文字資訊的語法，類似與XML，但 比 XML 更小、更快，更易解析。
理論就不多說了，直接上程式碼
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JSON簡單例項</title> </head> <body> <h2>JavaScript 建立 JSON 物件</h2> <p> 網站名稱: <span id="jname"></span><br /> 網站地址: <span id="jurl"></span><br /> 網站 slogan: <span id="jslogan"></span><br /> </p> <script> var JSONObject= { "name":"百度", "url":"www.baidu.com", "slogan":"萬事不決問百度" }; // 直接呼叫JSON物件就可以獲取到值了，JSON一般配合ajax使用，用來獲取資料 document.getElementById("jname").innerHTML=JSONObject.name document.getElementById("jurl").innerHTML=JSONObject.url document.getElementById("jslogan").innerHTML=JSONObject.slogan </script> </body> </html>
JSON的語法和JavaScript是一樣的，或者說JSON語法是JavaScript語法的子集。主要的幾個點就是
- 資料在名稱/值對中
- 資料由逗號分隔
- 大括號儲存物件
- 中括號儲存陣列
JSON物件是以鍵值對來儲存資料的，儲存形式為：名稱，後面一個冒號，數值。如：
{ "name":"runoob", "alexa":10000, "site":null }
JSON 的值分為六大類：
- 數字（整數或浮點數）
- 字串（在雙引號中）
- 邏輯值（true 或 false）
- 陣列（在中括號中）
- 物件（在大括號中）
- null
JSON陣列包含有多個JSON物件，如：
{
"sites": [
{ "name":"百度", "url":"www.baidu.com", },
{ "name":"google" , "url":"www.google.com" },
{ "name":"微博" , "url":"www.weibo.com" }
]
}
獲取JSON資料的方式和修改的方式基本是一樣的
// 獲取JSON值 console.log("name:" + sites[0].name + ",url:" + sites[0].url); // 修改JSON值 sites[0].name = '度娘'； console.log("name:" + sites[0].name +",url:"+ sites[0].url);
這篇部落格是參考菜鳥驛站的，算是我作為初次學習JSON的練習和一個記錄吧