使用MYSQL数据库中的Ajax / JSON更新列表

时间:2013-12-29 13:25:35

标签: jquery ajax json

我有一个小问题。

我的数据库查询给我一个像这样的json结果:

[
{"id":"8","bf_id":"4","technik_id":"34","art":"8","status":"open","date":"1372880586",
"comment":"Test 1","user":"1","status_change_date":"1386800040",
"status_change_userid":"45"},
]

现在我想用简单的“列表”显示结果:

    setInterval(function(){    
$.getJSON('test/data.php', function (data) {
    var output = '<strong>Technische St&ouml;rungen</strong>';
    $.each(data, function (key, val) {
        output += '<a href="#"><span class="user-status ' + val.id + ' "></span><em>' + val.id + '</em></a>';
    });
    $('#brot').html(output);  // replace all existing content
});
}, 1000);

我“知道”了这个错误。文件不是data.json。当我使用静态变量创建一个ne文件data.json时,它可以工作。但我从我的数据库中获取信息。我现在能做什么?

问候

2 个答案:

答案 0 :(得分:0)

尝试将数据附加到div

setInterval(function() {
    $.getJSON('test/data.php', function(data) {
            .done(function(data) {
                $.each(data.items, function(i, item) {
                    $("#brot").append('<a href="#"><span class="user-status ' + item.id + ' "></span><em>' + item.id + '</em></a>');
                });
            });
    });
}, 1000); 

答案 1 :(得分:0)

将以下行val.id更改为val,只显示所有数据:

output += '<a href="#"><span class="user-status ' + val.id + ' "></span><em>' + val.id + '</em></a>';

output += '<a href="#"><span class="user-status ' + val+ ' "></span><em>' + val + '</em></a>';