DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> json的理解和讀取的js代碼
json的理解和讀取的js代碼
編輯:JavaScript基礎知識     
一: JSON 語法是 JavaScript 對象表示語法的子集,其語法規則如下:
  • 數據在鍵值對中
  • 數據由逗號分隔
  • 花括號保存對象:{}
  • 方括號保存數組:[]

  如:[{"name":"g","age":11},{"name":"c","age":22},{"name":"s","age":33}]

二:JSON 是輕量級的數據交換格式,適合於數據交換,系統中,往往把服務器端獲取的數據通過JSON 形式傳遞到前端。

  傳遞到前端的JSON ,有兩種:一種為JSON 對象,一種為JSON 字符串。

  1:JSON 對象讀取

  json對象可以直接按照用JavaScript 對象的方式進行讀取,案例如下:

  var data=[{"name":"g","age":11},{"name":"c","age":22},{"name":"s","age":33}];  
  for(var i in data){
      alert("name:"+data[i].name+";age:"+data[i].age );  
  } 

  2:JSON 字符串

  JSON 字符串無法用對象進行讀取,但 JSON 語法是 JavaScript 語法的子集,JavaScript 函數 eval() 可用於將 JSON 文本轉換為 JavaScript 對象。  

var data='[{"name":"g","age":11},{"name":"c","age":22},{"name":"s","age":33}]';
  alert(data);  //[{"name":"g","age":11},{"name":"c","age":22},{"name":"s","age":33}]
var data= eval ("(" + data+ ")");  //json字符串轉json對象
  alert(data); //[object Object],[object Object],[object Object]
for(var i in data){
   alert("name:"+data[i].name+";age:"+data[i].age );  
} 

 

 

  

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved