Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php ajax将mysql数据加载到多个div中_Php_Jquery_Mysql_Ajax - Fatal编程技术网

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

Php ajax将mysql数据加载到多个div中,php,jquery,mysql,ajax,Php,Jquery,Mysql,Ajax,首先,我为创建这个主题而道歉。我确实试着寻找答案,但找不到正确的解决办法 我正在用ajax从mysql读取数据,所有东西都在一个div中工作。我无法工作的是将每个变量加载到单独的div中 我使用这个api.php从mysql获取数据 <?php $host = "localhost"; $user = "root"; $pass = ""; $databaseName = "skuska"; $tableName = "hodnoty"; //--------------------

首先,我为创建这个主题而道歉。我确实试着寻找答案,但找不到正确的解决办法

我正在用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'];
}

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

 <div id="gettable"></div>
我想使用这个,但是要使用更多的变量,比如data1、data2、data3

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

<div id="data1"></div> 
<div id="data2"></div>
我懂html,懂一点php,但我对java一无所知


感谢您的帮助。

以下是如何用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 });
    });
这样做 获取尽可能多的变量,并将内容存储在循环中的变量中

/******* 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要求意味着它是移动友好的,加载第二页不需要双重连接。

我建议您开始使用mysqli,您希望在div中输入什么数据?您可能需要在php脚本中选择更多数据,将其作为json字符串发送,并将ajax请求更改为$.ajax或$.get,这样您就可以获取数据并在任何地方显示这些数据。我只想使用mysql中的变量,如温度、湿度、重量。。。我知道如何使用get,但还没有找到对我有帮助的示例。我对如何使用ThThx快速回复有点困惑。我在互联网上做了更多的搜索,找到了另一个使用$.ajax的解决方案,它正在运行。我现在不能粘贴代码,因为我是新来的,所以我要等8个小时。我将在明天发布。没有问题:。.get函数是$.ajax的一个更简单的版本,两者的作用相同,在.get函数中,您不必指定传输数据的方法。post方法还有一个.post函数,其工作原理与此类似。如果我的回答有用,请接受。谢谢:
/******* 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 ******************/