網頁設計

當前位置 /首頁/設計製作/網頁設計/列表

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)引入開源jar包,定義JSONObject物件,例:

JSONArray jsonArray = newJSONArray();JSONObject attchJson = newJSONObject();("attchId","0");("attchName", "附件0");(attchJson);

jsonArray即為一個json資料,等價於用[]的定義一個json.

複雜json定義,json中key對應的值也可以是一個json陣列,如,json中封裝一個任務資訊,這個任務中有若干附件定義方法如下:

JSONArray taskJsonArray = newJSONArray();JSONObject taskJsonObj = newJSONObject();("taskId",100);("taskName", "myTask");("attchs",jsonArray);(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<th;i++){ alert("attchId:"+json[i]hId+",attchName:"+json[i]hName);}

使用jquery解析json:

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

  三、總結

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

以上就是小編為大家帶來的json定義及jquery操作json的方法的全部內容了,希望對大家有所幫助,多多支援教程網~

TAG標籤:Jquery JSON #