2013-10-24 27 views
0

请考虑以下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(); 

回答

0

您可以更新DOM元素与HTML /内容如下:

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

所以在这种情况下:

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

不,这是错误的,但我想与JQuery的形式给出原因OP使用jQuery的,而不是纯JavaScript – DarkBee

+0

去是否有可能只使用:$(div).text(htmlString); – ModulusJoe

+0

如果我们仍然可以jquery,我会很好。 – Relm

0

第一:向外移动的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); 
    }) 
})(); 
+0

根据问题的要求,您不会将任何ajax结果追加到div#1或#2。 – Relm