検索
ホームページバックエンド開発PHPチュートリアル(转)PHP および AJAX MySQL データベースの例

参照地址:http://www.w3schools.com/PHP/php_ajax_database.asp

AJAX はデータベースとの対話型通信に使用できます。

AJAX データベースの例

以下の AJAX の例ではAJAX テクノロジーを使用して Web ページが MySQL データベースから情報を取得する方法を説明します。

下のボックスで名前を選択します

ユーザーを選択します: Peter Griffin Lois Griffin Joseph Swanson Glenn Quagmire

ユーザー情報は次のようになりますここにリストされています。

この例は 4 つの要素で構成されています:

MySQL データベース 単純な HTML フォーム JavaScript フォーム PHP ページ

データベース

この例で使用するデータベースは次のようになります:

id FirstName LastName年齢 出身地 仕事
1 ピーター グリフィン 41 クアホッグ 醸造所
2 ロイス グリフin 40 ニューポート ピアノ教師
3 ジョセフ スワンソン 39 クアホッグ 警察官
4 グレン 泥沼 41 クォホッグ パイロット

HTML フォーム

上記の例単純な HTML フォームと JavaScript へのリンクが含まれています:

<html>            <head>            <script src="selectuser.js"></script>            </head>            <body>
<form>            Select a User:            <select name="users" onchange="showUser(this.value)">            <option value="1">Peter Griffin</option>            <option value="2">Lois Griffin</option>            <option value="3">Glenn Quagmire</option>            <option value="4">Joseph Swanson</option>            </select>            </form>
<p>            <div id="txtHint"><b>User info will be listed here.</b></div>            </p>
</body>            </html>

例の説明 - HTML フォーム

ご覧のとおり、これはドロップダウン ボックスを備えた単純な HTML フォームです。オプション値としてデータベースからの名前と「id」を持つ「users」と呼ばれます。

フォームの下の段落には、「txtHint」という div が含まれています。 div は、Web サーバーから取得した情報のプレースホルダーとして使用されます。

ユーザーがデータを選択すると、「showUser()」と呼ばれる関数が実行されます。関数の実行は、「onchange」イベントによってトリガーされます。

言い換えると、ユーザーがドロップダウン ボックスの値を変更するたびに、関数 showUser() が呼び出されます。

JavaScript

これは、ファイル「selectuser.js」に保存されている JavaScript コード:

var xmlHttp
function showUser(str)            {            xmlHttp=GetXmlHttpObject()            if (xmlHttp==null)            {            alert ("Browser does not support HTTP Request")            return            }            var url="getuser.php"            url=url+"?q="+str            url=url+"&sid="+Math.random()            xmlHttp.onreadystatechange=stateChanged            xmlHttp.open("GET",url,true)            xmlHttp.send(null)            }
function stateChanged()            {            if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")            {            document.getElementById("txtHint").innerHTML=xmlHttp.responseText            }            }
function GetXmlHttpObject()            {            var xmlHttp=null;            try            {            // Firefox, Opera 8.0+, Safari            xmlHttp=new XMLHttpRequest();            }            catch (e)            {            //Internet Explorer            try            {            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");            }            catch (e)            {            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");            }            }            return xmlHttp;            }

例の説明

stateChanged() 関数と GetXmlHttpObject 関数は PHP AJAX の関数と同じです章、できますこれらの説明については、そこにアクセスしてください。

showUser() 関数

ドロップダウン ボックス内の項目が選択されている場合、関数は以下を実行します:

GetXmlHttpObject 関数を呼び出して XMLHTTP オブジェクトを作成します URL (ファイル名) を定義します) をサーバーに送信します ドロップダウン ボックスの内容を含むパラメーター (q) を URL に追加します サーバーがキャッシュされたファイルを使用しないように乱数を追加します 変更がトリガーされたときに stateChanged を呼び出します 指定された URL で XMLHTTP オブジェクトを開きます。 HTTP リクエストをサーバーに送信します

PHP ページ

JavaScript によって呼び出されるサーバー ページは、「getuser.php」という単純な PHP ファイルです。

このページは PHP で書かれており、MySQL データベースを使用します。

コードはデータベースに対して SQL クエリを実行し、結果を HTML テーブルとして返します:

<?php            $q=$_GET["q"];            $con = mysql_connect('localhost', 'peter', 'abc123');            if (!$con)            {            die('Could not connect: ' . mysql_error());            }            mysql_select_db("ajax_demo", $con);            $sql="SELECT * FROM user WHERE id = '".$q."'";            $result = mysql_query($sql);            echo "<table border='1'>            <tr>            <th>Firstname</th>            <th>Lastname</th>            <th>Age</th>            <th>Hometown</th>            <th>Job</th>            </tr>";            while($row = mysql_fetch_array($result))            {            echo "<tr>";            echo "<td>" . $row['FirstName'] . "</td>";            echo "<td>" . $row['LastName'] . "</td>";            echo "<td>" . $row['Age'] . "</td>";            echo "<td>" . $row['Hometown'] . "</td>";            echo "<td>" . $row['Job'] . "</td>";            echo "</tr>";            }            echo "</table>";            mysql_close($con);            ?>            

例の説明

クエリが JavaScript から PHP ページに送信されると、次のことが起こります:

PHP MySQL サーバーへの接続を開きます 指定された名前の「ユーザー」が見つかります テーブルが作成され、データが挿入され、「txtHint」プレースホルダーに送信されます
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
PHPの目的:動的なWebサイトの構築PHPの目的:動的なWebサイトの構築Apr 15, 2025 am 12:18 AM

PHPは動的なWebサイトを構築するために使用され、そのコア関数には次のものが含まれます。1。データベースに接続することにより、動的コンテンツを生成し、リアルタイムでWebページを生成します。 2。ユーザーのインタラクションを処理し、提出をフォームし、入力を確認し、操作に応答します。 3.セッションとユーザー認証を管理して、パーソナライズされたエクスペリエンスを提供します。 4.パフォーマンスを最適化し、ベストプラクティスに従って、ウェブサイトの効率とセキュリティを改善します。

PHP:データベースとサーバー側のロジックの処理PHP:データベースとサーバー側のロジックの処理Apr 15, 2025 am 12:15 AM

PHPはMySQLIおよびPDO拡張機能を使用して、データベース操作とサーバー側のロジック処理で対話し、セッション管理などの関数を介してサーバー側のロジックを処理します。 1)MySQLIまたはPDOを使用してデータベースに接続し、SQLクエリを実行します。 2)セッション管理およびその他の機能を通じて、HTTPリクエストとユーザーステータスを処理します。 3)トランザクションを使用して、データベース操作の原子性を確保します。 4)SQLインジェクションを防ぎ、例外処理とデバッグの閉鎖接続を使用します。 5)インデックスとキャッシュを通じてパフォーマンスを最適化し、読みやすいコードを書き、エラー処理を実行します。

PHPでのSQL注入をどのように防止しますか? (準備された声明、PDO)PHPでのSQL注入をどのように防止しますか? (準備された声明、PDO)Apr 15, 2025 am 12:15 AM

PHPで前処理ステートメントとPDOを使用すると、SQL注入攻撃を効果的に防ぐことができます。 1)PDOを使用してデータベースに接続し、エラーモードを設定します。 2)準備方法を使用して前処理ステートメントを作成し、プレースホルダーを使用してデータを渡し、メソッドを実行します。 3)結果のクエリを処理し、コードのセキュリティとパフォーマンスを確保します。

PHPおよびPython:コードの例と比較PHPおよびPython:コードの例と比較Apr 15, 2025 am 12:07 AM

PHPとPythonには独自の利点と短所があり、選択はプロジェクトのニーズと個人的な好みに依存します。 1.PHPは、大規模なWebアプリケーションの迅速な開発とメンテナンスに適しています。 2。Pythonは、データサイエンスと機械学習の分野を支配しています。

アクション中のPHP:実際の例とアプリケーションアクション中のPHP:実際の例とアプリケーションApr 14, 2025 am 12:19 AM

PHPは、電子商取引、コンテンツ管理システム、API開発で広く使用されています。 1)eコマース:ショッピングカート機能と支払い処理に使用。 2)コンテンツ管理システム:動的コンテンツの生成とユーザー管理に使用されます。 3)API開発:RESTFUL API開発とAPIセキュリティに使用されます。パフォーマンスの最適化とベストプラクティスを通じて、PHPアプリケーションの効率と保守性が向上します。

PHP:インタラクティブなWebコンテンツを簡単に作成しますPHP:インタラクティブなWebコンテンツを簡単に作成しますApr 14, 2025 am 12:15 AM

PHPにより、インタラクティブなWebコンテンツを簡単に作成できます。 1)HTMLを埋め込んでコンテンツを動的に生成し、ユーザー入力またはデータベースデータに基づいてリアルタイムで表示します。 2)プロセスフォームの提出と動的出力を生成して、XSSを防ぐためにHTMLSPECIALCHARSを使用していることを確認します。 3)MySQLを使用してユーザー登録システムを作成し、Password_HashおよびPreprocessingステートメントを使用してセキュリティを強化します。これらの手法を習得すると、Web開発の効率が向上します。

PHPとPython:2つの一般的なプログラミング言語を比較しますPHPとPython:2つの一般的なプログラミング言語を比較しますApr 14, 2025 am 12:13 AM

PHPとPythonにはそれぞれ独自の利点があり、プロジェクトの要件に従って選択します。 1.PHPは、特にWebサイトの迅速な開発とメンテナンスに適しています。 2。Pythonは、データサイエンス、機械学習、人工知能に適しており、簡潔な構文を備えており、初心者に適しています。

PHPの永続的な関連性:それはまだ生きていますか?PHPの永続的な関連性:それはまだ生きていますか?Apr 14, 2025 am 12:12 AM

PHPは依然として動的であり、現代のプログラミングの分野で重要な位置を占めています。 1)PHPのシンプルさと強力なコミュニティサポートにより、Web開発で広く使用されています。 2)その柔軟性と安定性により、Webフォーム、データベース操作、ファイル処理の処理において顕著になります。 3)PHPは、初心者や経験豊富な開発者に適した、常に進化し、最適化しています。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール