Javascript 如何使用getelementbyid从多个查询中获取多个数据_Javascript_Php_Html

Javascript 如何使用getelementbyid从多个查询中获取多个数据

javascript php html

Javascript 如何使用getelementbyid从多个查询中获取多个数据,javascript,php,html,Javascript,Php,Html,我有一个getdata.php文件，它使用多个查询从mysql数据库获取多个数据 ==getdata.php== <?php $koneksi = mysqli_connect("localhost","root","","gepinfodb"); $sql_topic1 = "SELECT concat(floor(SUM( TIME_TO_SEC( `jamkerja` ))/3600),' hours ',floor(SUM( TIME_TO_SEC( `jamkerja` ))

我有一个getdata.php文件，它使用多个查询从mysql数据库获取多个数据

==getdata.php==

<?php

$koneksi = mysqli_connect("localhost","root","","gepinfodb");

$sql_topic1 = "SELECT concat(floor(SUM( TIME_TO_SEC( `jamkerja` ))/3600),' hours ',floor(SUM( TIME_TO_SEC( `jamkerja` ))/60)%60,' minutes ',SUM( TIME_TO_SEC( `jamkerja` ))%60,' seconds') AS timeSum FROM tbjamkerja";
$result_topic1= mysqli_query($koneksi,$sql_topic1);
$row_topic1=mysqli_fetch_array($result_topic1,MYSQLI_ASSOC);

echo $row_topic1['timeSum'];



$sql_topic2 = "SELECT COUNT(nama) AS jumlahkaryawan FROM user";
$result_topic2= mysqli_query($koneksi,$sql_topic2);
$row_topic2=mysqli_fetch_array($result_topic2,MYSQLI_ASSOC);

echo $row_topic2['jumlahkaryawan'];



$sql_topic3 = "SELECT COUNT(distinct tgl) AS insidencedayfree FROM tbjamkerja";
$result_topic3= mysqli_query($koneksi,$sql_topic3);
$row_topic3=mysqli_fetch_array($result_topic3,MYSQLI_ASSOC);

echo $row_topic3['insidencedayfree'];


mysqli_close($koneksi);

?>

echo $row_topic1['timeSum'].",";

echo $row_topic2['jumlahkaryawan'].","; 

echo $row_topic3['insidencedayfree'];

我的技能很基础。还有，如果我的英语不好，请原谅。英语不是我的母语。感谢您的指导和帮助。

步骤1：在PHP输出中添加一些分离器

==getdata.php==

<?php

$koneksi = mysqli_connect("localhost","root","","gepinfodb");

$sql_topic1 = "SELECT concat(floor(SUM( TIME_TO_SEC( `jamkerja` ))/3600),' hours ',floor(SUM( TIME_TO_SEC( `jamkerja` ))/60)%60,' minutes ',SUM( TIME_TO_SEC( `jamkerja` ))%60,' seconds') AS timeSum FROM tbjamkerja";
$result_topic1= mysqli_query($koneksi,$sql_topic1);
$row_topic1=mysqli_fetch_array($result_topic1,MYSQLI_ASSOC);

echo $row_topic1['timeSum'];



$sql_topic2 = "SELECT COUNT(nama) AS jumlahkaryawan FROM user";
$result_topic2= mysqli_query($koneksi,$sql_topic2);
$row_topic2=mysqli_fetch_array($result_topic2,MYSQLI_ASSOC);

echo $row_topic2['jumlahkaryawan'];



$sql_topic3 = "SELECT COUNT(distinct tgl) AS insidencedayfree FROM tbjamkerja";
$result_topic3= mysqli_query($koneksi,$sql_topic3);
$row_topic3=mysqli_fetch_array($result_topic3,MYSQLI_ASSOC);

echo $row_topic3['insidencedayfree'];


mysqli_close($koneksi);

?>

echo $row_topic1['timeSum'].",";

echo $row_topic2['jumlahkaryawan'].","; 

echo $row_topic3['insidencedayfree'];

==index.php==

<html>
<head>
<meta charset="utf-8">
<title>LATIHAN</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="wrap">
    <div class="header">

            <div class="informasi">
            INFORMASI
            <div class="timeSum">
            <div class="jumlahkaryawan">
            <div class="insidencedayfree">
            </div>   

<script src="jquery.min.js"></script>
<script type="text/javascript">

function updateTime(){

  showUser();

}

$(function(){
  setInterval(updateTime, 2000);
});


function showUser(str) {
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {


document.getElementsByClassName('timeSum jumlahkaryawan insidencedayfree').innerHTML = this.responseText;


}
}

xmlhttp.open("GET","getdata.php?timeSum&jumlahkaryawan&insidencedayfree"+str,true);
xmlhttp.send();

}

</script>

步骤2：拆分值并分别为每个类设置值

    function showUser(str) {
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {

var phpOutput = this.responseText.split(',');
document.getElementsByClassName('timeSum')[0].innerHTML = phpOutput[0];
document.getElementsByClassName('jumlahkaryawan')[0].innerHTML = phpOutput[1];
document.getElementsByClassName('insidencedayfree')[0].innerHTML = phpOutput[2];


}
}

xmlhttp.open("GET","getdata.php?timeSum&jumlahkaryawan&insidencedayfree"+str,true);
xmlhttp.send();

}

下面的链接解释如何正确使用您正在使用的getbyclassname“”

文档。getElementsByClassName

document.getElementsByClassName

返回包含您提供的类的节点列表，而不是单个节点。因此，您需要像访问数组一样访问它，或者使用循环对其进行迭代。例如

document.getElementsByClassName（'timeSum jumlahkaryawan insidencedayfree'）[0]。innerHTML=this.responseText@infdefurlong下面的答案适合你吗？