如何將json輸出到div

請考慮以下PHP塊。我要輸出「名」到div的＃1和「苦幹」到DIV＃2如何將json輸出到div

<?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本身的阿賈克斯。

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();

來源

2013-10-24 Relm

您可以更新DOM元素與HTML /內容如下：

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

所以在這種情況下：

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

來源

2013-10-24 10:36:29 ModulusJoe

不，這是錯誤的，但我想與JQuery的形式給出原因OP使用jQuery的，而不是純JavaScript – DarkBee

去是否有可能只使用：$（div）.text（htmlString）; – ModulusJoe

如果我們仍然可以jquery，我會很好。 – Relm

第一：向外移動的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); 
    }) 
})();

來源

2013-10-24 10:47:44 vinaykrsharma

根據問題的要求，您不會將任何ajax結果追加到div＃1或＃2。 – Relm

如何將json輸出到div

回答

相關問題