4

我正在尝试附加以下 JSON 数据：

[
  {
    "idfruits": "1",
    "fruit": "Apple"
  },
  {
    "idfruits": "2",
    "fruit": "Orange"
  },
  {
    "idfruits": "3",
    "fruit": "Banana"
  },
  {
    "idfruits": "4",
    "fruit": "Raspberry"
  },
  {
    "idfruits": "5",
    "fruit": "Coconut"
  }
]

使用以下代码：

<script type="text/javascript">
    $(function () {
        jQuery.ajax({
            url: "index.php",
            type: "POST",
            dataype: "json",
            async: false,
            success: function (data) {
                console.log(data);
                var items = [];
                $.each(data, function (key, fruit_info) {
                    items.push('<li id="fruit_' + fruit_info.idfruits + '">' + fruit_info.fruit + '</li>');
                });

                $(items.join('')).appendTo('#listy');
            }
        });
    });
</script>

不幸的是，代码给出了以下错误：

TypeError: invalid 'in' operand obj
typeof length === "number" && length > 0 && ( length - 1 ) in obj );

我的目标是创建一个通用方法，它总是将第一个 JSON 值解析key为val.
这可能吗？

4

2 回答 2

1

不。ECMAScript 指定哈希行为如下：http ://bclary.com/2004/11/07/#a-8.6

对象是属性的无序集合。每个属性由一个名称、一个值和一组属性组成。

你不能假设给定一个哈希{"idfruits":"1","fruit":"Apple"}，id 将是第一个，而fruit 将是第二个。您将需要直呼他们的名字。

顺便说一句，非常好的问题。

做你想做的事：

<script type="text/javascript">
$(function () {
    jQuery.ajax({
        url: "index.php",
        type: "POST",
        dataype: "json",
        async: false,
        success: function (data) {
            console.log(data);
            var items = [];
            $.each(data, function (key, fruit_info) {
                items.push('<li id="fruit_' + fruit_info.idfruits + '">' + fruit_info.fruit + '</li>');
            });

            $(items.join('')).appendTo('#listy');
        }
    });
});
</script>
于 2013-04-08T20:01:06.060 回答
0

我相信你想要使用fruit而不是value

试试这个

 $.each(data, function(key, val) {
        items.push('<li id="' + this.fruit+ '">' + this.fruit + '</li>');
  });
于 2013-04-08T19:36:57.557 回答