ajax将mysql数据加载到多个div中

时间:2014-06-25 20:36:04

标签: php jquery mysql ajax

首先,我为创建此主题道歉。我确实尝试搜索答案,但我找不到合适的解决方案。

我正在使用ajax从mysql读取数据,一切都在使用一个div。我无法工作的是将每个变量加载到单独的div中。

我使用这个api.php从mysql中获取数据。

<?php 
$host = "localhost";
$user = "root";
$pass = "";

$databaseName = "skuska";
$tableName = "hodnoty";

//--------------------------------------------------------------------------
// 1) Connect to mysql database
//--------------------------------------------------------------------------

$con = mysql_connect($host,$user,$pass);
$dbs = mysql_select_db($databaseName, $con);

//--------------------------------------------------------------------------
// 2) Query database for data
//--------------------------------------------------------------------------
$result = mysql_query('SELECT t.hodnota FROM hodnoty t ORDER BY t.id DESC LIMIT 1') or die('Invalid query: ' . mysql_error());         //query

while ($row = mysql_fetch_assoc($result)) {
    echo $row['hodnota'];
}

?>

这是用于更新数据的ajax脚本。

$(document).ready(function() {
     $("#gettable").load("api.php");
   var refreshId = setInterval(function() {
      $("#gettable").load('api.php?randval='+ Math.random());
   }, 9000);
   $.ajaxSetup({ cache: false });
});

然后在html中我使用div来显示数据

 <div id="gettable"></div>

我想使用它,但有更多变量,如data1,data2,data3

然后为每个数据使用div,这样我就可以使用更多的div。 例如:

<div id="data1"></div> 
<div id="data2"></div>

我理解html,一点点php但我在java中是全新的。

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

以下是如何在Javascript中解决问题(注意,而不是JAVA :))

 $(document).ready(function() {
    var i = 1;
        $.get("api.php", function(result) {

             $("#gettable").append("<div id='data"+i+"'>"+result+"</div>");
             i++;

             });
       var refreshId = setInterval(function() {

             $.get("api.php?randval="+ Math.random(), function(result) {

             $("#gettable").append("<div id='data"+i+"'>"+result+"</div>");
             i++;

             });

       }, 9000);
       $.ajaxSetup({ cache: false });
    });

答案 1 :(得分:1)

这样做 获取与div一样多的变量并将内容存储在循环中的变量

/******* a short example **************/
$div1cnt="";
$div2cnt="";
while($SRC=mysqlii_fetch_object($link)){
$divid=$SRC->id;
if($divid==1){
$div1cnt.="add more stuff that you want here";
}
else if($divid==2){
$div2cnt.="add stuff to second div";
}
echo "<div id=\"div1\">{$div1cnt}</div>";
/************and so on ******************/

没有JS要求意味着它是移动友好的,加载第二页不需要双重连接。