ajaxまたはjquery ajaxを使用してPHPからhtmlテーブルを表示

Question

私はSQLデータベースとテーブルを持っており、PHPファイルはこのように10の結果を呼び出します。

<?php 

    $servername = getenv('IP'); 
    $username = getenv('C9_USER'); 
    $password = ""; 
    $database = "c9"; 
    $dbport = 3306; 

    $con = mysqli_connect($servername, $username, $password, $database, $dbport); 

    if (!$con) { 
     die("Error! Check your internet connection and try again!"); 
    } 

    mysqli_select_db($con, "users"); 
    $query = "SELECT * FROM users LIMIT 10"; 
    $result = mysqli_query($con, $query); 

    echo "<table> 
    <tr> 
    <th>ID</th> 
    <th>Village</th> 
    <th>Power</th> 
    <th>Influence</th> 
    <th>Economy</th> 
    </tr>"; 

    while($row = mysqli_fetch_array($result)) { 
     echo "<tr>"; 
     echo "<td>" . $row['id'] . "</td>"; 
     echo "<td>" . $row['village'] . "</td>"; 
     echo "<td>" . $row['power'] . "</td>"; 
     echo "<td>" . $row['influence'] . "</td>"; 
     echo "<td>" . $row['economy'] . "</td>"; 
     echo "</tr>"; 
    } 

    echo "</table>"; 

    mysqli_close($con); 

?> 

これはJQueryのAjaxのスクリプトは私が作ったが、動作していないようである

$(document).ready(function(){ 

var xmlhttp = new XMLHttpRequest(); 

    if(xmlhttp==null){ 
    alert("Your browser does not support AJAX!"); 
    return false; 
    } 
    xmlhttp.onreadystatechange=function(){ 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
     //document.getElementById("divTable").innerHTML=xmlhttp.responseText; 
     alert(xmlhttp.responseText); 
    } 
    } 
xmlhttp.open("GET", "/server.php", true); 
xmlhttp.send(null); 


}); 

return false; 

別々のindex.html上のPHPファイルからこのテーブルを表示するための最良の方法だろう何

ファイル。 AJAX、JQuery AJAX、XMLはすべてオプションですが、私はこれをどうやってやるのか分かりません。

PHPファイルの結果をdocument.getElementById('leaderboard').innerHTMLと表示することが理想的です。なぜなら、テーブルを含むすべてのhtmlコードが使用されるからです。

ご協力いただきまして誠にありがとうございます。

Answer 1

それを使用してください！あなたはjqueryのファイルを添付する必要があり、このAjaxコードを使用する $query = "SELECT * FROM users LIMIT 10"; $result = mysqli_query($con, $query); echo json_encode($result); exit();