json定義及jquery操作json的方法
一、背景
json是一種輕量級數(shù)據(jù)交換格式，非常利于java服務(wù)與js的交互，本文將介紹json的簡單定義和js如何解析json。
二、內(nèi)容
1、json定義：
簡單的json格式為[{"key1":"value1"},{"key2":"value2"}],
[]代表數(shù)組，{}代表數(shù)組中的數(shù)據(jù)對象,key1,key2是一個json對象中的key，一個json中key值唯一，value1,value2，是key鍵對應(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對象，例：
JSONArray jsonArray = newJSONArray();
JSONObject attchJson = newJSONObject();
attchJson.put("attchId","0");
attchJson.put("attchName", "附件0");
jsonArray.put(attchJson);
jsonArray即為一個json數(shù)據(jù)，等價于用[]的定義一個json.
復(fù)雜json定義，json中key對應(yīng)的值也可以是一個json數(shù)組，如，json中封裝一個任務(wù)信息，這個任務(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格式簡單，便于解析和生成，而且是一個輕量級數(shù)據(jù)交換格式，便于在web開發(fā)中使用。
以上就是小編為大家?guī)淼膉son定義及jquery操作json的方法的全部內(nèi)容了，希望對大家有所幫助，多多支持腳本之家~
相關(guān)文章
JS拖動選擇table里的單元格完整實例【基于jQuery】
這篇文章主要介紹了JS拖動選擇table里的單元格,結(jié)合完整實例形式分析了基于jQuery的table表格動態(tài)操作相關(guān)實現(xiàn)技巧,涉及事件響應(yīng)及頁面元素屬性動態(tài)操作使用方法,需要的朋友可以參考下2019-05-05
讓網(wǎng)頁跳轉(zhuǎn)到指定位置的jquery代碼非書簽
網(wǎng)頁跳轉(zhuǎn)到指定位置，實現(xiàn)的方法有很多，本文采用最為簡單的一種，喜歡朋友可以學(xué)習(xí)下2013-09-09
jquery UI Datepicker時間控件的使用方法（終結(jié)版）
這篇文章是jquery UI Datepicker時間控件的使用方法終結(jié)版，可以說是技術(shù)的升華，實現(xiàn)的功能有限制的開始時間和結(jié)束時間跨度不超過三天，并配置有清空時間，重選時間等，感興趣的小伙伴們可以參考一下2015-11-11
用相對簡單的JavaScript代碼，可以創(chuàng)建出能確定用戶地理位置詳細信息的Web應(yīng)用，包括經(jīng)緯度以及海拔等。一些Web應(yīng)用甚至能通過監(jiān)控用戶位置隨時間的移動來提供導(dǎo)航功能，其中還綜合了GoogleMaps API這樣的地圖系統(tǒng)。2015-04-04
asp.net下使用jquery 的ajax+WebService+json 實現(xiàn)無刷新取后臺值的實現(xiàn)代碼
asp.net下使用jquery 的ajax+WebService+json 實現(xiàn)無刷新取后臺值的實現(xiàn)代碼 ，比頁面刷新更好，用戶體驗更好，需要的朋友可以參考下。2010-09-09
這篇文章主要為大家詳細介紹了jquery canvas生成帶有二維碼的海報，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
使用jQuery調(diào)用XML實現(xiàn)無刷新即時聊天
這篇文章主要介紹了使用jQuery調(diào)用XML實現(xiàn)無刷新即時聊天的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)圖片切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要介紹了如何用jquery控制表格奇偶行及活動行顏色,需要的朋友可以參考下2014-04-04
js和jQuery設(shè)置Opacity半透明 兼容IE6
對于每一個網(wǎng)站前端開發(fā)人員，常常都會遇到設(shè)置div透明度的需求，比如在實現(xiàn)圖片幻燈片切換效果經(jīng)常就需要使圖片淡入淡出。本文分別對原生js和jQuery在IE和其它瀏覽器中設(shè)置透明度的方法和相關(guān)注意事項進行總結(jié)。2016-05-05