json定義及jquery操作json的方法
一、背景
json是一種輕量級(jí)數(shù)據(jù)交換格式,非常利于Java服務(wù)與js的交互,本文將介紹json的簡單定義和js如何解析json。
二、內(nèi)容
1、json定義:
簡單的json格式為[{"key1":"value1"},{"key2":"value2"}],
[]代表數(shù)組,{}代表數(shù)組中的數(shù)據(jù)對(duì)象,key1,key2是一個(gè)json對(duì)象中的key,一個(gè)json中key值唯一,value1,value2,是key鍵對(duì)應(yīng)的值。
定義方式:
1)直接拼寫json串,例:String變量,內(nèi)容為[{"attchName":"附件0","attchId":0},{"attchName":"附件1","attchId":1},{"attchName":"附件2","attchId":2}]。
2)引入json-lib.jar開源jar包,定義JSONObject對(duì)象,例:
JSONArray jsonArray = newJSONArray();JSONObject attchJson = newJSONObject();attchJson.put("attchId","0");
attchJson.put("attchName", "附件0");jsonArray.put(attchJson);jsonArray即為一個(gè)json數(shù)據(jù),等價(jià)于用[]的定義一個(gè)json.
復(fù)雜json定義,json中key對(duì)應(yīng)的值也可以是一個(gè)json數(shù)組,如,json中封裝一個(gè)任務(wù)信息,這個(gè)任務(wù)中有若干附件定義方法如下:
JSONArray taskJsonArray = newJSONArray();JSONObject taskJsonObj = newJSONObject();taskJsonObj.put("taskId",100);
taskJsonObj.put("taskName", "myTask");taskJsonObj.put("attchs",jsonArray);taskJsonArray.put(jsonObj);
taskJsonArray為最后想要得到的json內(nèi)容,
簡單拼串后的形式如下:
[{"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);
}); });
三、總結(jié)
json格式簡單,便于解析和生成,而且是一個(gè)輕量級(jí)數(shù)據(jù)交換格式,便于在web開發(fā)中使用。
以上就是小編為大家?guī)淼膉son定義及jquery操作json的方法全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
jQuery實(shí)現(xiàn)簡潔的導(dǎo)航菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡潔的導(dǎo)航菜單效果,簡潔大方的導(dǎo)航菜單,需要的朋友可以參考下2015-11-11
jQuery+Ajax+js實(shí)現(xiàn)請(qǐng)求json格式數(shù)據(jù)并渲染到html頁面操作示例
這篇文章主要介紹了jQuery+Ajax+js實(shí)現(xiàn)請(qǐng)求json格式數(shù)據(jù)并渲染到html頁面操作,結(jié)合實(shí)例形式分析了jQuery+Ajax請(qǐng)求json格式數(shù)據(jù)并渲染到html頁面相關(guān)步驟與操作技巧,需要的朋友可以參考下2020-06-06
Javascript 鏈?zhǔn)秸{(diào)用實(shí)現(xiàn)代碼(參考jquery)
謂的鏈?zhǔn)秸{(diào)用無非是一個(gè)語法技巧而已,我就學(xué)Jquery寫了一個(gè)粗淺的庫。2010-05-05
jQuery查找和過濾_動(dòng)力節(jié)點(diǎn)節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了jQuery查找和過濾的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
jquery實(shí)現(xiàn)界面無刷新加載登陸注冊(cè)
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)界面無刷新加載登陸注冊(cè),具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-07-07

