MySQL からデータを取得できない jQuery Ajax 呼び出しを修正する方法

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

この記事では、Ajax コードが MySQL テーブルからレコードを取得しようとするが、失敗します。提供された PHP コードは MySQL に接続して「users」テーブルからデータを取得しようとしますが、使用されているメソッドは古いです。

解決策

これを解決するには、 MySQL に接続してデータを取得するために、より現代的で安全な方法を使用するようにコードを更新する必要があります。改訂版は次のとおりです:

$con = mysqli_connect("localhost", "root", "", "simple_ajax");
$result = mysqli_query($con, "SELECT * FROM users");

このバージョンでは:

• データベース接続には mysql_connect の代わりに mysqli_connect 関数を使用します。
• データベース名は次のように指定されます。 mysqli_connect への追加パラメータ
• を使用します。 mysql_query の代わりに mysqli_query を使用してクエリを実行します。

データの表示

取得したデータを HTML ページに表示するには、次の PHP コードを使用できます。 :

echo "<table border='1'>";
echo "<tr><th>Name</th><th>Address</th></tr>";
while ($row = mysqli_fetch_array($result)) {
  echo "<tr><td>$row[1]</td><td>$row[2]</td></tr>";
}
echo "</table>";

このコードは、次の列を持つ単純な HTML テーブルを生成します。 MySQL テーブルからのデータが入力された名前とアドレス。

完全な Ajax コード

データを表示するための更新された jQuery Ajax コードは次のとおりです:

$(document).ready(function() {
  $("#display").click(function() {
    $.ajax({
      type: "GET",
      url: "display.php",
      dataType: "html",
      success: function(response) {
        $("#responsecontainer").html(response);
      }
    });
  });
});

ページを表示

データを取得して表示する display.php ページには、上記のコードを使用する必要があります。

この更新されたコードにより、jQuery Ajax を使用して MySQL テーブルからデータを正常に取得して表示できるようになります。

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