Ajax PHPでデータベースデータをクエリする方法
- PHPzオリジナル
- 2023-03-29 10:13:34638ブラウズ
インターネットとモバイル アプリケーションの発展に伴い、動的なページとリアルタイムのクエリ データに対する需要がますます高まっています。 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['q'];
$con = mysqli_connect('localhost','username','password','myDB');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}
mysqli_select_db($con,"students");
$sql="SELECT * FROM students WHERE id = '".$q."'";
$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 サイトの他の関連記事を参照してください。