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的練習和一個記錄吧