jquery遍曆json對象集合詳解，jqueryjson

jquery遍曆json對象集合詳解，jqueryjson

本文執行個體採用案例分析的方法介紹了jquery遍曆json對象的三種情況，供大家參考，具體內容如下

第一個案例：jquery 遍曆json對象集合 常用樣本

jsp中

$.ajax({        url: "${applicationScope.rootpath}common/getContractPage.html?userConId=${userConId}",        type: "post",        dataType:"json",        data: {},        success: function (jsonText) {          if(jsonText){            var status = jsonText.status;            var msg = jsonText.msg;            if(status == '500'){              //有異常的資訊時            alert(msg);                           }else{              $.each(jsonText,function(i,item){                var pngPath = item[0];                var pngName = item[1];            });                           }          }        }      });

jsonText的格式：

{"status":"200","msg":[{"id":"1","name":"n1"},{"id":"2","name":"n2"}]}{"status":"500","msg":"異常資訊"}

java中：

List pngFileList = new ArrayList();//某對象集合if(null != pngFileList && pngFileList.size() > 0) {JSONArray pngFileArray =JSONArray.fromObject(pngFileList);}if(null != pngFileArray){this.setTextAjax(pngFileArray.toString());//異常的格式//this.setTextAjax("{\"status\":\"500\",\"msg\":\""+errormsg+"\"}");//沒有記錄/*** ajax返回html,包括json形式* * @param responseContent*/public void setTextAjax(String responseContent) {try {HttpServletResponse response = getHttpResponse();response.setContentType("text/html");response.setCharacterEncoding("UTF-8");response.setHeader("Pragma", "No-cache");response.setHeader("Content-Type", "text/html");response.setHeader("Cache-Control", "no-cache");response.setDateHeader("Expires", 0);PrintWriter out = response.getWriter();out.print(responseContent);out.flush();out.close();} catch (IOException e) {e.printStackTrace();}// ajaxResponse = new StringBufferInputStream(responseContent);}

第二個案例：jQuery 遍曆JSON 對象

不說別的，直接貼代碼：

<script src="js/jquery-1.6.4.js" type="text/javascript"></script> <script type="text/javascript">  $(document).ready(function() {    $("#Link").click(function() {    var objson = "[{Title:'Sjr',Content:'Library',summary:'summary'},{Title:'Sjr',Content:'Library',summary:[{sum0:'sum0'},{sum0:'sum1'},{sum0:'sum2'}]},{Title:'Sjr',Content:'Library',summary:[{sum0:'sum0'},{sum0:'sum1'},{sum0:'sum2'}]}]";      var obj = eval(objson);      $(obj).each(function(index) {        var val = obj[index];        if (typeof (val.summary) == "object") {          $(val.summary).each(function(ind) {            alert(val.Title + " " + val.Content + " " + val.summary[ind].sum0);          });        } else {          alert(val.Title + " " + val.Content + " " + val.summary);        }      });    });  });</script>

第三個案例：jquery中遍曆讀取json串中的對象

假設我們從伺服器端擷取如下的json串，其中包括數組。我們該如何遍曆讀取呢？

複製代碼 代碼如下:{"result":null,"rows":[{"caishen":"東","fushen":"西北","huajiazi":"甲子","id":1,"nayin":"大海水","shengmen":"南","simen":"北","wugui":"西","xishen":"東南","yanggui":"西南","yingui":"東北"},{"caishen":"東北","fushen":"北","huajiazi":"乙丑","id":2,"nayin":"大林木","shengmen":"西北","simen":"西南","wugui":"東南","xishen":"東","yanggui":"西","yingui":"南"},{"caishen":"西","fushen":"東","huajiazi":"丙寅","id":3,"nayin":"石榴木","shengmen":"北","simen":"西北","wugui":"南","xishen":"東南","yanggui":"東北","yingui":"西南"}],"total":3} 

使用.each難度太高，直接js讀取吧

//通過url擷取json對象          $.post("json/godjson!godlist", function (data){ //data.rows返回的是json字串。需要轉換成json對象        var json = eval(data.rows) //json變數現在就是一個數組對象，直接讀取每個數組對象。結合屬性進行輸出        for(var i=0; i<json.length; i++){         alert(json[i].caishen+"--------- " + json[i].xishen);        } //記得返回的資料類型一定要是json類型     }, "json"); 

通過如上的方式就能擷取json串的json對象並進行輸出。

為大家分享這麼多的案例，就是想協助大家掌握jquery遍曆json對象集合的方法，真正理解，希望這篇文章可以協助到大家。