首頁 > web前端 > js教程 > jquery操作json並定義json步驟詳解

jquery操作json並定義json步驟詳解

php中世界最好的语言
發布: 2018-04-25 09:25:45
原創
2925 人瀏覽過

這次帶給大家jquery操作json並定義json步驟詳解,jquery操作json並定義json的注意事項有哪些,下面就是實戰案例,一起來看一下。

一、背景

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); 
   }); });
登入後複製
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

JSON作為函數參數時應該如何使用

處理WebService跨域問題方法詳解

以上是jquery操作json並定義json步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板