php - 如何将json输出到div中

Question

考虑以下 PHP 块。我想将“名称”输出到 div #1 并将“slog”输出到 div #2

<?php 
require_once 'db_conx.php';
$Result = mysql_query("SELECT * FROM profiles ORDER BY lastupdated desc limit 1") or die (mysql_error());
while($row = mysql_fetch_array($Result)){
$result = array();
$result['name'] = $row['name'];
$result['slog'] = $row['slog'];
echo json_encode($result);
}
mysql_close($con);
?> 

这是只输出 json 本身的 ajax。

var get_fb = (function() {
    var counter = 0;
    var $buzfeed = $('#BuzFeed');
    return function(){
        $.ajax({
            type: "POST",
            url: "../php/TopBusinesses_Algoriththm.php"
        }).done(function(feedback) {
            counter += 1;
            var $buzfeedresults = $("<div id='BuzFeedResult" + counter + "'></div>").addClass('flat-menu-button');
            $buzfeedresults.text(feedback);
            $buzfeed.append($buzfeedresults);
            var $buzfeedDivs = $buzfeed.children('div');
            if ($buzfeedDivs.length > 10) { $buzfeedDivs.last().remove(); }
            setTimeout(get_fb, 1000);
        })
    };
})();
get_fb();

Answer 1

第一：var counter = 0;从get_fb()功能外移；第二：不要get_fb();显式调用，因为(function(){...})();初始化后已经调用了方法。第三：POST没有数据提交为什么要使用方法！

所以，这样做并尝试一下：

var counter = 0;
var $buzfeed = $('#BuzFeed');
var get_fb = (function() {
    $.ajax({
        type: "GET",
        url: "../php/TopBusinesses_Algoriththm.php"
    }).done(function(feedback) {
        counter += 1;
        var $buzfeedresults = $("<div id='BuzFeedResult" + counter + "'></div>").addClass('flat-menu-button');
        $buzfeedresults.text(feedback);
        $buzfeed.append($buzfeedresults);
        var $buzfeedDivs = $buzfeed.children('div');
        if ($buzfeedDivs.length > 10) { $buzfeedDivs.last().remove(); }
        setTimeout(get_fb, 1000);
    })
})();

Answer 2

您可以使用以下内容更新 DOM 元素的 html/内容：

document.getElementById(name).innerHTML = "text";

所以在这种情况下：

document.getElementById('#1').innerHTML = $yourNameContent;
document.getElementById('#2').innerHTML = $yourSlogContent;