インターネットとモバイル アプリケーションの発展に伴い、動的なページとリアルタイムのクエリ データに対する需要がますます高まっています。 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 クエリ操作のコードです。
<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>
上記のコードは、まず、非同期リクエストを送信し、サーバーから返されたデータを受け入れるための 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 ""; mysqli_close($con); ?>
上記のコードは、まず AJAX リクエストで渡されたパラメーターを読み取り、次に MySQL データベースに接続し、where 条件を使用してクエリ ステートメントを実行し、クエリを変換します。 results to HTML テーブルの形式でフロントエンド ページに戻ります。
要約すると、データベース データをクエリしてフロントエンドに表示するための AJAX と PHP の組み合わせは、一般的な動的 Web 開発要件であり、これらのテクノロジを適切に使用することで、完全な動的ページを迅速に実装できます。
以上がAjax PHPでデータベースデータをクエリする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

この記事では、効率的なPHPアレイ重複排除について説明します。 Array_unique()などの組み込み関数をカスタムハッシュマップアプローチと比較し、配列のサイズとデータ型に基づいてパフォーマンスのトレードオフを強調します。 最適な方法は、プロビリに依存します

この記事では、Keyの一意性を使用してPHPアレイ重複排除について説明します。 直接的な重複除去方法ではありませんが、キーユニークネスを活用することで、キーに値をマッピングして重複を上書きすることにより、一意の値を持つ新しい配列を作成できます。 このAP

この記事では、PHPアレイの重複排除を分析し、素朴なアプローチ(O(n²))のパフォーマンスボトルネックを強調しています。 カスタム関数、splobjectStorage、およびハッシュセットの実装を使用して、array_unique()を使用して効率的な代替案を調査し、達成します

この記事では、RabbitMQとRedisを使用してPHPでメッセージキューを実装する詳細を示します。 それは、それらのアーキテクチャ(AMQP対インメモリ)、機能、および信頼性メカニズム(確認、トランザクション、永続性)を比較します。デザインのベストプラクティス、エラー

この記事では、PSRの推奨事項(PSR-1、PSR-2、PSR-4、PSR-12)に焦点を当てた現在のPHPコーディング基準とベストプラクティスを検証します。 一貫したスタイリング、意味のある命名、EFFを通じてコードの読みやすさと保守性を改善することを強調しています

この記事では、PHP拡張機能のインストールとトラブルシューティングの詳細で、PECLに焦点を当てています。 インストール手順(検索、ダウンロード/コンパイル、サーバーの再起動、再起動)、トラブルシューティングテクニック(ログのチェック、インストールの確認、

この記事では、大規模なデータセットのPHPアレイ重力化の最適化について説明します。 Array_unique()、array_flip()、splobjectStorage、事前ソートなどの手法を調べ、効率を比較します。 大規模なデータセットの場合、チャンク、データブを示唆しています

この記事では、PHPの反射APIについて説明し、クラス、方法、およびプロパティのランタイム検査と操作を可能にします。 一般的なユースケース(ドキュメンテーション生成、ORM、依存関係注入)とパフォーマンスオーバーヘアに対する注意の詳細


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

SublimeText3 中国語版
中国語版、とても使いやすい

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

メモ帳++7.3.1
使いやすく無料のコードエディター

ドリームウィーバー CS6
ビジュアル Web 開発ツール
