DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> json定義及jquery操作json的方法
json定義及jquery操作json的方法
編輯:JQuery入門技巧     

一、背景

json是一種輕量級數據交換格式,非常利於Java服務與js的交互,本文將介紹json的簡單定義和js如何解析json。

二、內容

1、json定義:

簡單的json格式為[{"key1":"value1"},{"key2":"value2"}],

[]代表數組,{}代表數組中的數據對象,key1,key2是一個json對象中的key,一個json中key值唯一,value1,value2,是key鍵對應的值。

定義方式:

1)直接拼寫json串,例:String變量,內容為[{"attchName":"附件0","attchId":0},{"attchName":"附件1","attchId":1},{"attchName":"附件2","attchId":2}]。

2)引入json-lib.jar開源jar包,定義JSONObject對象,例:

JSONArray jsonArray = newJSONArray();JSONObject attchJson = newJSONObject();attchJson.put("attchId","0");

attchJson.put("attchName", "附件0");jsonArray.put(attchJson);jsonArray即為一個json數據,等價於用[]的定義一個json.

復雜json定義,json中key對應的值也可以是一個json數組,如,json中封裝一個任務信息,這個任務中有若干附件定義方法如下:

JSONArray taskJsonArray = newJSONArray();JSONObject taskJsonObj = newJSONObject();taskJsonObj.put("taskId",100);

taskJsonObj.put("taskName", "myTask");taskJsonObj.put("attchs",jsonArray);taskJsonArray.put(jsonObj);

taskJsonArray為最後想要得到的json內容,

簡單拼串後的形式如下:

[{"attchs":[{"attchName":"附件0","attchId":0},{"attchName":"附件1","attchId":1},{"attchName":"附件2","attchId":2}],"taskId":100,"taskName":"myTask"}]

2、js解析json

json的一般解析方式:

var json = eval_r(jsonArray );
 for(var i=0;i<json.length;i++){ 
 alert("attchId:"+json[i].attchId+",attchName:"+json[i].attchName);
}

使用jQuery解析json:

 $.getJSON("jsonTest",{showNumber:"3"},function(data){    
 
 $.each(data,function(idx,item){
   //alert(idx);
   if(idx<0){
    returntrue;//同countinue,返回false同break
   } 
   alert("attchId:"+item.attchId+",taskName:"+item.attchName); 
   }); });

三、總結

json格式簡單,便於解析和生成,而且是一個輕量級數據交換格式,便於在web開發中使用。

以上就是小編為大家帶來的json定義及jquery操作json的方法全部內容了,希望大家多多支持~

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