jQuery Ajax を使用して MySQL データを取得する方法?-mysql チュートリアル-php.cn

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

Patricia Arquette

リリース： 2024-12-07 19:20:18

オリジナル

782 人が閲覧しました

How to Retrieve MySQL Data Using jQuery Ajax?

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

jQuery Ajax を使用して MySQL データベースからデータを取得するには、次の手順に従うことが重要です手順:

1. Ajax リクエストの作成:

$.ajax() 関数を使用して Ajax リクエストを確立します。タイプ (GET/POST)、URL (リクエストの送信先)、および dataType (予期される応答形式) を指定します。成功応答を受信すると、成功関数が実行されます。

2. MySQL 接続の確立:

MySQL 接続には、mysqli 拡張機能を使用します。 mysqli_connect().

3. を使用して接続を確立します。データベースクエリの実行:

mysqli_query() 関数を使用して、MySQL テーブルからデータをフェッチするクエリを実行します。このクエリは、目的のレコードを抽出する役割を果たします。

4.取得したデータの表示:

ループを使用して結果セットを反復処理し、構造化された方法でデータを表示します。データ表現にはテーブルの使用を検討してください。

サンプルコード:

<script type="text/javascript">
$(document).ready(function() {
    $("#display").click(function() {
        $.ajax({
            type: "GET",
            url: "display.php",
            dataType: "html",
            success: function(response) {
                $("#responsecontainer").html(response);
            }
        });
    });
});
</script>

<body>
    <button>

ログイン後にコピー

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

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

echo "<table border='1'>";
echo "<tr><th>Roll No</th><th>Name</th><th>Address</th><th>Stream</th><th>Status</th></tr>";
while ($row = mysqli_fetch_row($result)) {
    echo "<tr>";
    foreach ($row as $value) {
        echo "<td>$value</td>";
    }
    echo "</tr>";
}
echo "</table>";
?>

ログイン後にコピー

これらの手順に従い、提供されたコードスニペットを利用すると、正常にデータを取得できます。 jQuery Ajax を使用して MySQL データベースからのデータを表示します。

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