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对象集合的方法,真正理解,希望这篇文章可以帮助到大家。

http://www.bkjia.com/Javascript/1128211.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/1128211.htmlTechArticlejquery遍历json对象集合详解,jqueryjson 本文实例采用案例分析的方法介绍了jquery遍历json对象的三种情况,供大家参考,具体内容如下 第一个...

本文由美洲杯赔率发布于计算机教程,转载请注明出处:jquery遍历json对象集合详解,jqueryjson

上一篇:男篮世界杯赔率Linux下安装scala 下一篇:没有了
猜你喜欢
热门排行
精彩图文
  • jquery遍历json对象集合详解,jqueryjson
    jquery遍历json对象集合详解,jqueryjson
    jquery遍历json对象集合详解,jqueryjson 本文实例采用案例分析的方法介绍了jquery遍历json对象的三种情况,供大家参考,具体内容如下 第一个案例:jquery 遍历
  • 男篮世界杯赔率Linux下安装scala
    男篮世界杯赔率Linux下安装scala
    CentOS6.5安装Scala2.10.3 下载:#男篮世界杯赔率,wget http://www.scala-lang.org/files/archive/scala-2.10.3.tgz解压:# tarxvf scala-2.10.3.tgz添加环境变量:# vi /etc/profile添加如
  • Win10 男篮世界杯赔率:1709如何更改显示通知消息
    Win10 男篮世界杯赔率:1709如何更改显示通知消息
    Win10 1709如何更改显示通知消息的出现时间?,win101709 在Windows101709版中,右下角的通知中心经常出会弹出一些通知消息,但有时候还没有看明白,该消息就
  • Linux find tar -type 备份日志
    Linux find tar -type 备份日志
    这几天系统出现一个bug,需要截取日志供研发研究: find精华应用 $ ls -lrt   …… find  path  -option  [  -print ]  [ -exec  -ok  command ]  {} ; -rw-r-----   1 jrtu  
  • 男篮世界杯赔率:创建自己的Gubuntu
    男篮世界杯赔率:创建自己的Gubuntu
    #1,确保你的网络环境连通 关于安装,该主题最好在 gnome 3.16 上安装, 3.14 也测试过。 sudo apt-get install gnome-tweak-tool Server = http://downloads.sourceforge.net/project/