将json值从json响应放置到HTML元素

Question

每隔2秒,我发出一个返回的POST:

[{"a":false,"i":"58","b":"sergio","p":"0,22","t":15},
{"a":false,"i":"59","b":"sergio","p":"0,23","t":15},
{"a":false,"i":"60","b":"sergio","p":"0,14","t":15},
{"a":false,"i":"61","b":"sergio","p":"0,07","t":15}]

我有一个Javascript函数来捕获这些信息,我希望它也解析JSON并将值放入适当的元素中.

function updateauctions(response) {
    //Parse JSON and place into HTML elements.

    //For debug purposes.
    alert(response);
}

我正在使用jQuery,我想知道如何获取JSON值,并将它们放入HTML元素中.

div的一个例子.auctionbox:

<div id="60" class="auctionbox gold">
    //Other things here.
</div>

例如,我有n一些div与类.auctionbox,每个div也有一个ID #i.所以每个JSON对象对应一个.auctionbox.如何将我的地方p的JSON的值到适当的#i,.auctionbox？

通过这个简单的例子,我可以开始研究其他需求,我只需要一点点轻推.:)

谢谢.

Answer 1

http://jsfiddle.net/mA4Ye/4/

如果您需要执行某些特定的html + css,请使用模板的解决方案

HTML

<div id="data">
    <div class="template auctionbox"></div>
</div>

JS

var json = '[{"a":false,"i":"58","b":"sergio","p":"0,22","t":15},' +
    '{"a":false,"i":"59","b":"sergio","p":"0,23","t":15},' +
    '{"a":false,"i":"60","b":"sergio","p":"0,14","t":15},' +
    '{"a":false,"i":"61","b":"sergio","p":"0,07","t":15}]';

var data = $.parseJSON(json);
var $template = $('.template');

$(data).each(function() {
    var $element = $template.clone().removeClass('template').appendTo('#data');
    $element.attr('id', this.i);
    $element.html(this.p);
});