Question

我正在阅读JSON文件并获取type的值。我想将它作为列表传递给HTML元素#myList，但我得到的是[object object]代替列表。不过，我的console.log正好显示了我想要的内容，该内容存储在o.type。

中

$(document).ready(function() {
    $.getJSON("data.json", function(obj) {
        $('#myList').data('types', obj.types.map(function(o) {
            console.log(o.type);
            return o.type;
        })).append('<li>' + obj + '</li>');
    });
});

有人可以帮忙解决这个问题吗？

Answer 1

将对象与字符串连接在一起，该字符串将[object object]与toString(obj)结果[object object]以后的字符串连接起来。

使用Array#map方法生成HTML代码并附加到元素。

$(document).ready(function() {
    $.getJSON("data.json", function(obj) {
        $('#myList').data('types', obj.types.map(function(o) {
            console.log(o.type);
            return o.type;
        })).append(obj.types.map(function(o) {
            return '<li>' + o.type + '</li>';
        }).join(''));
    });
});

jquery数据列表没有传入html元素

1 个答案: