jQuery處理json格式資料程式碼例項

antzone發表於2017-04-05

本章節通過程式碼例項介紹一下如何使用jquery處理json格式資料。

給傳進來的ID中當其對應的值為true時,即給對應的ID標籤新增一個class名為 focus。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var obj ={ id01:'true', id02:'flase', id03:'true'};
$.each(obj,function(key,val){ 
  if(val == 'true'){ 
    $('#' + key).addClass('focus'); 
  } 
});

ID為id01及id03的標籤會新增一個class標籤。

再來看一段程式碼例項:

json資料如下:

[JavaScript] 純文字檢視 複製程式碼
[ 
{"Id": 10004, "PageName": "club"}, 
{"Id": 10040, "PageName": "qaz"}, 
{"Id": 10059, "PageName": "beauty"}
]

使用jquery處理如下:

[JavaScript] 純文字檢視 複製程式碼
$.each(data, function(i, item) {
  alert(item.PageName);
});

相關文章