Ajax PHPでデータベースデータをクエリする方法-PHPの問題-php.cn

Ajax PHPでデータベースデータをクエリする方法

PHPz

リリース： 2023-03-29 10:24:13

オリジナル

660 人が閲覧しました

インターネットとモバイルアプリケーションの発展に伴い、動的なページとリアルタイムのクエリデータに対する需要がますます高まっています。 AJAX (Asynchronous JavaScript and XML) は、開発者が非同期データ送信と動的なページ更新を実現するのに役立つテクノロジーです。この記事では、AJAX と PHP を使用してデータベースのデータをクエリし、それをフロントエンドに表示する方法を紹介します。

まず、データを保存するための簡単なデータベースを作成する必要があります。ここでは例として「学生」テーブルを取り上げます。このテーブルには、学生の基本情報を格納する「id」、「名前」、「年齢」の 3 つのフィールドが含まれています。

データベースを確立した後、PHP を使用してデータベースに接続し、クエリステートメントを記述する必要があります。以下は、単純なクエリ操作コードです。

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

$sql = "SELECT * FROM students";
$result = $conn->query($sql);

// 处理查询结果
if ($result->num_rows > 0) {
    // 输出每行数据
    while($row = $result->fetch_assoc()) {
        echo "学生ID: " . $row["id"]. " - 姓名: " . $row["name"]. " - 年龄: " . $row["age"]. "<br>";
    }
} else {
    echo "0 结果";
}

$conn->close();
?>

ログイン後にコピー

上記のコードは、mysqli を使用して MySQL データベースに接続し、単純なクエリ操作を実行して、クエリ結果をフロントエンドページに出力します。実際の開発では、フィルタリングやソートなどの操作だけでなく、クエリする内容のカスタマイズが必要になる場合があります。

次に、AJAX テクノロジを使用してサーバー側データを非同期にリクエストし、結果をフロントエンドページに表示する必要があります。以下は、単純な AJAX クエリ操作のコードです。

<html>
<head>
<script>
function showData(str) {
  if (str=="") {
    document.getElementById("result").innerHTML="";
    return;
  }
  var xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange=function() {
    if (this.readyState==4 && this.status==200) {
      document.getElementById("result").innerHTML=this.responseText;
    }
  }
  xmlhttp.open("GET","getdata.php?q="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>

<form>
<select name="students" onchange="showData(this.value)">
<option value="">请选择一个学生:</option>
<option value="1">小明</option>
<option value="2">小红</option>
<option value="3">小刚</option>
</select> 
</form>
<br>
<div id="result"><b>这里会显示查询到的学生信息</b></div>

</body>
</html>

ログイン後にコピー

上記のコードは、まず、非同期リクエストを送信し、サーバーから返されたデータを受け入れるための showData 関数を定義します。選択ボックスで学生を選択した後、showData 関数を呼び出し、選択した学生の ID をパラメータとして渡します。

AJAX リクエストは、XMLHttpRequest オブジェクトを使用し、open メソッドを通じて GET リクエストの URL アドレスとパラメータを指定し、send メソッドを通じてリクエストを送信します。リクエストがステータスコード 200 を返した場合、クエリは成功し、onreadystatechange 関数が呼び出され、サーバーから返されたデータがフロントエンドページにデータを表示するための responseText 属性の値として使用されます。リクエストが失敗した場合は、ステータス属性を通じて失敗ステータスコードとエラー情報を取得できます。

最後に、クエリリクエストを受け入れ、データベースからデータをクエリする PHP スクリプトを作成する必要があります。以下は、単純な PHP スクリプトのコードです:

<?php
$q = $_GET[&#39;q&#39;];

$con = mysqli_connect(&#39;localhost&#39;,&#39;username&#39;,&#39;password&#39;,&#39;myDB&#39;);
if (!$con) {
  die(&#39;Could not connect: &#39; . mysqli_error($con));
}

mysqli_select_db($con,"students");
$sql="SELECT * FROM students WHERE id = &#39;".$q."&#39;";

$result = mysqli_query($con,$sql);

echo "<table>
<tr>
<th>ID</th>
<th>Name</th>
<th>Age</th>
</tr>";
while($row = mysqli_fetch_array($result)) {
  echo "<tr>";
  echo "<td>" . $row['id'] . "</td>";
  echo "<td>" . $row['name'] . "</td>";
  echo "<td>" . $row['age'] . "</td>";
  echo "</tr>";
}
echo "</table>";

mysqli_close($con);
?>

ログイン後にコピー

上記のコードは、まず AJAX リクエストで渡されたパラメーターを読み取り、次に MySQL データベースに接続し、where 条件を使用してクエリステートメントを実行し、クエリを変換します。 results to HTML テーブルの形式でフロントエンドページに戻ります。

要約すると、データベースデータをクエリしてフロントエンドに表示するための AJAX と PHP の組み合わせは、一般的な動的 Web 開発要件であり、これらのテクノロジを適切に使用することで、完全な動的ページを迅速に実装できます。

以上がAjax PHPでデータベースデータをクエリする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。