如何将jQuery.ajax数据附加到表中？

Question

我从$.ajax获取的数据采用以下格式：

{
    "rows":[
        {"key":["aaa"], "value":240363},
        {"key":["sss"], "value":29},
        {"key":["ddd"], "value":240363},
        {"key":["fff"], "value":240363},
        {"key":["ggg"], "value":240363},
        {"key":["hhh"], "value":240363},
        {"key":["jjj"], "value":240363}
    ]
}

如何将其附加到html中的表格？

Answer 1

HTML code：

<table id="my_table"></table>

Jquery代码：

$ajax(
    url: some_url_here
    // other params
    success: function(data){
        $.each(data.rows, function(index, item){
            $('#my_table').append('<tr><td>'+item.key[0]+'</td><td>'+item.value+'</td></tr>');
        }
    }
);

希望这个帮助

Answer 2

问题是我收到的是文本而不是json对象。 我用$ .getJSON代替，问题解决了。 您可以通过console.log（数据）查看对象，以便从数据中访问所需的部分。