如何使用jQuery和PHP动态显示MySQL数据？_Php_Jquery_Mysql_Html_Dynamic

如何使用jQuery和PHP动态显示MySQL数据？

php jquery mysql html dynamic

如何使用jQuery和PHP动态显示MySQL数据？,php,jquery,mysql,html,dynamic,Php,Jquery,Mysql,Html,Dynamic,我有一个PHP页面，其中列出了它从MySQL数据库表中获取的一串单词。它根据表中的计数以不同的大小显示单词： <?php $selectStr = "select * from test"; if ($results = MySQL($dbName, $selectStr)) { $rowCount = MySQL_NUMROWS($results); } $i = 0; while ($i < $rowCount) { echo '<div styl

我有一个PHP页面，其中列出了它从MySQL数据库表中获取的一串单词。它根据表中的计数以不同的大小显示单词：

<?php
 $selectStr = "select * from test";

 if ($results = MySQL($dbName, $selectStr))
 {
  $rowCount = MySQL_NUMROWS($results);
 }

 $i = 0;
 while ($i < $rowCount)
 {
  echo '<div style="float: left; font-size:' . (MySQL_RESULT($results,$i,'count') * 5) . 'px;">' . MySQL_RESULT($results,$i,'word') . '</div>';
  $i++;
 }
?>

诀窍是我希望内容动态显示。因此，如果一个用户坐在页面上，并且其中一个单词计数增加，我希望该单词在用户不刷新页面的情况下改变大小

我是jQuery的新手。我以前使用过一点，但只使用了一些示例。有人能指导我在不刷新的情况下让我的页面动态更改内容吗？

它每隔30000ms调用一次文件rowfunctie.php，并用getRows函数的结果填充topbar diff

<div id="center-rows">
  <div id="links">Nu&nbsp;</div>
  <div id="rows">
    <div id="topbar"></div>
  </div>

  <div id="rechts">&nbsp;aantal rijen</div>
</div>

<script type="text/javascript">
function doRequest() {
  jQuery("#topbar").fadeOut('slow', function() {
    jQuery.ajax({
      type: "GET",
      url: "rowfunctie.php",
      cache: false,
      success: function(html){
        jQuery("#topbar").html(html);
        jQuery("#topbar").fadeIn('slow',function() {
        setTimeout('doRequest()',30000);
      });
   }
 });
 });
}
doRequest();
</script>


怒族
安塔尔里延酒店
函数doRequest（）{
jQuery（“#topbar”）.fadeOut（'slow'，function（）{
jQuery.ajax({
键入：“获取”，
url:“rowfunctie.php”，
cache:false，
成功：函数（html）{
jQuery（“#topbar”）.html（html）；
jQuery（“#topbar”）.fadeIn（'slow'，function（）{
setTimeout（'doRequest（）'，30000）；
});
}
});
});
}
doRequest（）；

rowfunctie.php如下所示：

<?php 
 $selectStr = "select * from test";

 if ($results = MySQL($dbName, $selectStr))
 {
  $rowCount = MySQL_NUMROWS($results);
 }

 $i = 0;
 while ($i < $rowCount)
 {
  echo '<div style="float: left; font-size:' . (MySQL_RESULT($results,$i,'count') * 5) . 'px;">' . MySQL_RESULT($results,$i,'word') . '</div>';
  $i++;
 }
?>

您可以像这样自动刷新页面正文。。。给body id='body'

 <html>
 <head>
    <script type="text/javascript">
       var auto_refresh = setInterval(
         function ()
         {
          $('#body').load('wordscount.php').fadeIn("slow");
         }, 10000); // refresh every 10000 milliseconds
    </script>
 </head>
 <body>
     <div id='content'></div>
 </body>


var auto_refresh=setInterval(
函数（）
{
$（'#body'）.load（'wordscont.php'）.fadeIn（“slow”）；
}, 10000); // 每10000毫秒刷新一次

别忘了在head标记中包含jquery

听起来你必须实现长轮询。但是也有其他的方法。你可以使用AJAX或者更好的方法来实现这一点，谢谢…长轮询和节点听起来很棒，但我认为它们在这一点上有点让我不知所措。有人能帮我一下吗？我不建议用AJAX重新加载while主体；你应该去潜水或类似的地方。。。他可以在一段时间后重新加载任何html标记。。。我刚才给了他一个例子，让他重新加载部分页面OK。我可以用id=“content”将所有内容放在一个div中，然后我只需将上面的#body替换为#content？我应该把这些代码放在哪里？在？是的？结束时，只需将#body替换为#content，并将此脚本放在head标记中，然后在加载时调用您的php脚本，以获取表中的所有单词。我仍然缺少一些内容。我将脚本放在顶部，php页面位于.load（'getData.php'）中。我的目录里有什么吗？我只是一片空白吗？如何在加载时调用我的php脚本？我一点也不理解这一点。rowfuntie.php就是我在上面写的文件吗？没错！只有这样，您才需要将其放入名为getRows（）的函数中。你明白吗？我不明白，对不起，我是javascript和jQuery的新手。函数getRows（）中有什么？很抱歉，您不需要将其放入函数中。我编辑了我的答案并输入了rowfunctie.php。我还在上面的javascript函数中编辑了一些内容。但这应该行得通，我刚测试过。