3

我有一个 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 的新手。我以前使用过它，但仅使用示例。有人可以引导我朝着一个好的方向发展，让我的页面在不刷新的情况下动态更改内容吗？

4

2 回答 2

3

您可以像这样自动刷新您的页面正文...给 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>

不要忘记在你的 head 标签中包含 jquery

于 2012-08-30T14:27:03.713 回答
0

它每 30000 毫秒调用一次文件 rowfunctie.php，并用 getRows 函数的结果填充 topbar 差异。 

<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>

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++;
 }
?>
于 2012-08-30T14:26:35.890 回答