jquery遍历json对象集合详解

前端之家收集整理的这篇文章主要介绍了jquery遍历json对象集合详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_403_0@本文实例采用案例分析的方法介绍了jquery遍历json对象的三种情况,供大家参考,具体内容如下


@H_4030@

第一个案例:<span style="color: #800000">jquery 遍历json对象集合 常用示例


@H
403_0@jsp中


<div class="jb51code">
<pre class="brush:js;">
$.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];
        });

        }
      }
    }
  });
@H_403_0@jsonText的格式:

@H_403_0@java中:

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);
    }
@H_403_0@

第二个案例:

jQuery 遍历JSON 对象

@H_403_0@代码:

<script type="text/javascript">
$(document).ready(function() {
$("#Link").click(function() {
var objson = "[{Title:'Sjr',Content:'Library',summary:'summary'},{Title:'Sjr',summary:[{sum0:'sum0'},{sum0:'sum1'},{sum0:'sum2'}]},{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);
}
});
});
});

@H_403_0@

第三个案例:

jquery中遍历读取json串中的对象

@H_403_0@获取如下的json串,其中包括数组。我们该如何遍历读取呢?

@H_403_0@ 代码如下:

@H_403_0@
获取json对象 $.post("json/godjson!godlist",function (data){ //data.rows返回的是json字符串。需要转换成json对象 var json = eval(data.rows) //json变量现在就是一个数组对象,直接读取每个数组对象。结合属性进行输出 for(var i=0; i
@H_403_0@获取json串的json对象并进行输出

@H_403_0@分享这么多的案例,就是想帮助大家掌握jquery遍历json对象集合的方法,真正理解,希望这篇文章可以帮助到大家。

原文链接:https://www.f2er.com/jquery/48653.html

猜你在找的jQuery相关文章