zoukankan      html  css  js  c++  java
  • js解析php返回的json数据无法获取length的问题分析

    1.问题出现的过程,js解析php json_encode 的数据,无法获取长度信息,提示undefined
     
    debug:
     
        首先打印查看了php encode后的数据,返现最外层是一个中括号,误以为编码成了一个数组,于是将其强制类型转换为Object ,但是长度依然undefined
     
         在同样是解析json的话题ppt页面,控制台打印json,发现有一个length的属性,起初以为是在php端加到数组中的,查看后发现并非如此,于是乎stackoverflow上查询得知,要想有此属性,必须是一个json数组而非一个json对象。
     
         所以,正常的json_encode方法得到的数据是没有问题的,真正造成解析json报错的原因是数组数据中包含了无法解析的字符 换行符
     
     
    2.php json_encode方法
     
    数组键值对js parseJSON的影响
    1>测试数据:
    $data = ["2"=>["name"=>"wwww","data"=>"cccc"],"1"=>["name"=>"xxx","data"=>"ttt"]];
     
    encode后:
     
    {
    "1": {
    "name": "xxx",
    "data": "ttt"
    },
    "2": {
    "name": "wwww",
    "data": "cccc"
    }
    }
     
    $.parseJSON结果
     
    2>测试数据
     
    $data = [“0"=>["name"=>"wwww","data"=>"cccc"],"1"=>["name"=>"xxx","data"=>"ttt"]];
    [
    {
       "name": "wwww",
    "data": "cccc"
    },
    {
    "name": "xxx",
    "data": "ttt"
    }
    ]
     
    $.parseJSON结果
     
     
     
    可以看出来下标从0开始的数组encode之后是一个json数组,有length属性
    下标非从0开始的任意键值的数组encode之后是一个json对象,无length属性
     
    对于键值混乱的数组json_encode之后想要通过js获取对象的长度可以使用如下方法:
     
     var getLength = function(obj) {
        var i = 0, key;
        for (key in obj) {
            if (obj.hasOwnProperty(key)){
                i++;
            }
        }
        return i;
    };
     
  • 相关阅读:
    js事件监听机制(事件捕获)
    js预解析
    前端工程师也要关注代码版本控制
    BOM跟DOM的区别和关联
    web开发,click,touch,tap事件浅析
    prototype
    CSS:haslayout
    canvas画图
    第一个json解析:ps:(内容待完善)
    json解析实例
  • 原文地址:https://www.cnblogs.com/skyfynn/p/5525861.html
Copyright © 2011-2022 走看看