【问题标题】:How can I use jQuery.each() loop on Array of Object如何在对象数组上使用 jQuery.each() 循环
【发布时间】:2016-09-14 18:30:10
【问题描述】:

我有这个对象数组,如何使用 jQuery.each() 循环遍历它?

大批 ( [0] => 标准类对象 ( [id] => 1 [parent_cat_id] => 1 [child_cat_name] => Java [状态] => 1 [日期] => 2016-09-11 01:26:00 ) [1] => 标准类对象 ( [id] => 2 [parent_cat_id] => 1 [child_cat_name] => JavaScript [状态] => 1 [日期] => 2016-09-11 01:26:00 ) [2] => 标准类对象 ( [id] => 3 [parent_cat_id] => 1 [child_cat_name] => HTML [状态] => 1 [日期] => 2016-09-11 01:26:00 ) [3] => 标准类对象 ( [id] => 4 [parent_cat_id] => 1 [child_cat_name] => PHP [状态] => 1 [日期] => 2016-09-11 01:26:00 ) [4] => 标准类对象 ( [id] => 5 [parent_cat_id] => 1 [child_cat_name] => Python [状态] => 1 [日期] => 2016-09-11 01:26:00 ) [5] => 标准类对象 ( [id] => 6 [parent_cat_id] => 1 [child_cat_name] => 红宝石 [状态] => 1 [日期] => 2016-09-11 01:26:00 ) )

我正在尝试使用它 -

$.each( data, function( key, value ) {
    console.log( value );
});

这给了我以下错误 -

TypeError: 'in' 操作数 e 无效

【问题讨论】:

  • 你给我们看一个PHP对象的dump,你能给我们看一下JS的日志吗?
  • 如果我这样做了console.log(data)
  • @Simon 那么你没有将 json 返回给客户端。

标签: javascript jquery arrays json loops


【解决方案1】:

你的数组有奇怪的格式。看这个例子:

        var data = [    
            {text: "hello"},
            {text: "good bye"},
            {text: "Hello again"}       
        ]

        $.each( data, function( key, value ) {
            console.log( value.text );
        });

【讨论】:

    【解决方案2】:

    我建议您改用 forEach。 jQuery.each 方法还有另一个目标。

    data.forEach(function(entry) {
        //Your logic.
    });
    

    【讨论】:

      【解决方案3】:

      您的 jQuery.each 语法是正确的,但正如 Karl-André Gagnon 所说,这是 PHP 数组的输出。

      通过json_encode 传递您的数组,然后将其发送到前端。

      http://php.net/manual/en/function.json-encode.php

      【讨论】:

      • 是的,我知道我可以使用json_encode 传递它,但我想像这样保留我的数据,因此它适用于普通的 php 循环。
      • @Simon 你不能两者兼得。
      • @Simon,我的意思是将它通过json_encode 传递给客户端。您不必永久转换它。
      • 谢谢各位,我会考虑的。
      猜你喜欢
      • 2011-09-10
      • 2017-06-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-22
      • 2021-10-26
      • 1970-01-01
      相关资源
      最近更新 更多