Как получить все данные в таблице html из базы данных, когда страница загружается с использованием php, ajax, jquery

вот мой код для ajax и php вместе. Мне нужно получить все данные таблицы при загрузке страницы, я пробовал много вещей, но не смог найти правильного решения. я хочу использовать только html-таблицу для извлечения всех данных в ней. Вы также можете изменить оператор выбора для всех данных, теперь он работает только для определенного идентификатора, который выбирается пользователем.

<html>
<head>
    <script>
    function showUser(str) {
        if (str == "") {
            document.getElementById("txtHint").innerHTML = "";
            return;
        } else {
            if (window.XMLHttpRequest) {
                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            } else {
                // code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    document.getElementById("txtHint").innerHTML = this.responseText;
                }
            };
            xmlhttp.open("GET", "getuser.php?q = " + str, true);
            xmlhttp.send();
        }
    }
    </script>
</head>

<body>
    <form>
        <select name = "users" onchange = "showUser(this.value)">
            <option value = "">Select a person:</option>
            <option value = "1">user1</option>
            <option value = "2">user2</option>
            <option value = "3">user3</option>
            <option value = "4">user4</option>
        </select>
    </form>
    <br>
    <div id = "txtHint"><b>Person info will be listed here...</b></div>
</body>

</html>
<!DOCTYPE html>
<html>

<head>
    <style>
    table {
        width: 100%;
        border-collapse: collapse;
    }

    table,
    td,
    th {
        border: 1px solid black;
        padding: 5px;
    }

    th {
        text-align: left;
    }
    </style>
</head>

<body>
    <?php
        $q = intval($_GET['q']);// gting userid 

        $con = mysqli_connect('localhost','root','');
        if (!$con) {
            die('Could not connect: ' . mysqli_error($con));
        }

        mysqli_select_db($con,"tabledata"); //table  name
        $sql = "SELECT * FROM user_info  WHERE id = '".$q."'"; // query
        $result = mysqli_query($con,$sql);

        echo "<table>
        <tr>
        <th>Id</th>
        <th>name</th>
        <th>email</th>
        </tr>";
        while($row = mysqli_fetch_array($result)) //loop to fetch data {
            echo "<tr>";
            echo "<td>" . $row['id'] . "</td>";
            echo "<td>" . $row['name'] . "</td>";
            echo "<td>" . $row['email'] . "</td>";
            echo "</tr>";
        }
        echo "</table>";
        mysqli_close($con);
    ?>
</body>
</html>

Возможный дубликат Использование Jquery Ajax для извлечения данных из Mysql

— 19.02.2019 07:46

Что error у вас есть?

— 19.02.2019 08:33

jquery html ajax php-7

19.02.2019 07:27