首先,我为创建此主题道歉。我确实尝试搜索答案,但我找不到合适的解决方案。
我正在使用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中是全新的。
感谢您的帮助。
答案 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要求意味着它是移动友好的,加载第二页不需要双重连接。