ホームページ > バックエンド開発 > PHPチュートリアル > jQuery Ajax を使用して MySQL データベースからデータを正常に取得して表示するにはどうすればよいですか?

jQuery Ajax を使用して MySQL データベースからデータを正常に取得して表示するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-07 00:24:15
オリジナル
1000 人が閲覧しました

How Can I Use jQuery Ajax to Successfully Retrieve and Display Data from a MySQL Database?

jQuery Ajax を使用して MySQL からデータを取得する

問題:

提供されている jQuery Ajaxコードが MySQL テーブルからデータを取得して表示することができません

解決策:

jQuery Ajax を使用して MySQL テーブルからデータを効果的に取得するには、いくつかの変更が必要です。

jQuery Ajaxコード:

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

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

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

      $.ajax({    //create an ajax request to display.php
        type: "GET",
        url: "display.php",             
        dataType: "html",   //expect html to be returned                
        success: function(response){                    
            $("#responsecontainer").html(response); 
            //alert(response);
        }

    });
});
});
</script>
ログイン後にコピー

Display.php (データを取得する PHP コード):

include("connection.php");
mysqli_select_db("samples",$con);
$result=mysqli_query("select * from student",$con);

echo "<table border='1' >
<tr >
<td align=center> <b>Roll No</b></td>
<td align=center><b>Name</b></td>
<td align=center><b>Address</b></td>
<td align=center><b>Stream</b></td>
<td align=center><b>Status</b></td>";

while($data = mysqli_fetch_row($result))
{   
    echo "<tr>";
    echo "<td align=center>$data[0]</td>";
    echo "<td align=center>$data[1]</td>";
    echo "<td align=center>$data[2]</td>";
    echo "<td align=center>$data[3]</td>";
    echo "<td align=center>$data[4]</td>";
    echo "</tr>";
}
echo "</table>";
ログイン後にコピー

追加メモ:

  • 「connection.php」ファイルに MySQL が含まれていることを確認します。接続の詳細。
  • 「samples」と「student」をそれぞれデータベースとテーブルの名前に置き換えます。
  • このコードは、テーブルからすべてのレコードを取得し、HTML テーブルに表示します。 .

以上がjQuery Ajax を使用して MySQL データベースからデータを正常に取得して表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート