无法解析来自ajax调用的数据

Question

这是我的成功函数从我的AJAX调用中看起来的样子：

success: function(data) {
          console.log(data);
          $.each(data, function(i, data) {
                    $('#thing_select').append("<option>" + data.thing + "</option>");

                });

console.log显示正确的数据，如下所示：

0: Object
thing: "Widget"
__proto__: Object
1: Object
thing: "Horse"
__proto__: Object

我没有为data.thing附加任何内容。

我在这里做错了什么？

Answer 1

此jsFiddle可以满足您的需求。

这是HTML：

<select id="thing_select">
    <option>value a</option>
</select>

这是javascript：

data = new Object();
data.thing = ["value 1", "value 2"];

$('#thing_select').append("<option>" + data.thing[0] + "</option>");

正如您所看到的那样，您只需从select获取其ID的引用并附加内容即可。在检索select时，您可能做错了。