jQuery Ajax を使用して MySQL データを取得して表示する方法

jQuery Ajax を使用した MySQL からのデータの取得

コードには、MySQL テーブルからのデータの取得に問題があるようです。これを解決するには、次の点を考慮する必要があります。

jQuery Ajax コード

Ajax コードは、より適切に構造化することで改善できます。次の使用を検討してください:

<script type="text/javascript">
$(document).ready(function() {

    $("#display_records").click(function() {

        $.ajax({
            type: "GET",
            url: "Records.php",
            dataType: "html",
            success: function(response) {
                $("#response_container").html(response);
            }
        });

    });

});
</script>

上記のコードでは、わかりやすくするためにボタンに ID を追加し、出力を表示するために ID「response_container」を持つ HTML 要素をターゲットにしています。

MySQL 接続とクエリ

MySQL データベースのやり取りには、 mysqli 接続の場合は次のとおりです:

<?php
$con = mysqli_connect("localhost", "root", "", "simple_ajax");

また、「users」テーブルからデータを取得するには:

$result = mysqli_query($con, "SELECT * FROM users");

データの表示

取得したデータを表示するには、コードを次のように変更します。

<table>

を組み込むことでこれらの変更により、コードは MySQL テーブルからデータを正常に取得し、HTML テーブルに表示するはずです。

以上がjQuery Ajax を使用して MySQL データを取得して表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。