javascript - 迭代所有 JSON 对象并放入 html

Question

我需要将所有 json 对象和框架循环到 html 中。我可以迭代所有的 json 对象，但我无法只获得一个 json 对象(第一个 json 对象)。

var res = '[{"ID":"246","mobile":"samsung","feedback":"feedback goes here"},{"ID":"1485","mobile":"Moto","feedback":"feedback goes here"},{"ID":"6982","mobile":"iPhone","feedback":"feedback goes here"}]';
obj = JSON.parse(res);
console.log('response length:' + obj.length);
for (var i = 0; i < obj.length; i++) {
    var finalResult = "";
    var objects = obj[i];
    for (var key in objects) {
        var res = "<tr><td>" + objects.ID + "</td><td>" + objects.mobile + "</td><td>" + objects.feedback + "</td><td></tr>";
        console.log('res:' + res);
        finalResult = res.concat(res);
        console.log('finalResult:' + finalResult);
    }
}

而且我无法将所有内容都放入“tr”元素中，因为 javascript 没有 stringbuffer。我认为可以通过在 java 中使用 StringBuffer 来实现。如何使用 javascript/jquery 完成？

请帮助我。

Answer 1

问题是因为您在迭代函数中重新定义了要循环的变量 obj。

由于您已使用 jQuery 对其进行标记，因此这里有一个更短的替代方法，即使用 $.each 构建表格:

var res = '[{"ID":"246","mobile":"samsung","feedback":"feedback goes here"},{"ID":"1485","mobile":"Moto","feedback":"feedback goes here"},{"ID":"6982","mobile":"iPhone","feedback":"feedback goes here"}]';
var phones = JSON.parse(res);

$.each(phones, function(i, obj) {
    $('<tr />')
        .append('<td>' + obj.ID + '</td><td>' + obj.mobile + '</td><td>' + obj.feedback + '</td><td>')
        .appendTo('table');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table></table>