PHP 入門 Ajax HelloWorld_PHP チュートリアル-PHPチュートリアル-php.cn

PHP 入門 Ajax HelloWorld_PHP チュートリアル

WBOY

リリース： 2016-07-13 10:35:14

オリジナル

853 人が閲覧しました

Ajax についての簡単な説明

Ajaxとは、Asynchronous JavaScript and XML（およびDHTMLなど）の略称です。

HTML+JS+DOMで構成されていますが、このチュートリアルでは当面DOMは使用しません。

同期の概念: ページが POST フォームを送信すると、ページ全体がサーバーが (空白の状態で) 戻ってくるのを待ってから更新されますか? はい、これが同期です。

非同期の概念: フォームが送信された後、ページの他の部分は通常どおり残ります。

Ajaxはページとサーバー間のリンクであり、JSコードの一部としてページの送信情報をインターセプトし、それを処理してサーバーに送信し、サーバーから返される情報をリッスンします。ページにフィードバックします。

これを使用するには、ハンドルが必要です: xmlHttp = new XMLHttpRequest();

私たちが愛人の役を演じるのは、このオブジェクトに基づいています。

以下のコメントを参照すると、ajax プロセスを理解できます:

1. XMLHttpRequest オブジェクトを生成します

2.リダイレクト先のURLを作成します

3.サーバー接続を開きます

4.サーバーの操作完了後に実行する関数を設定します

5.ajaxを送る

6. 完了後、実行される関数は監視を継続する必要があります（機構はそれを実装する必要はありません）

私は聖馬家溝男子職業技術学院を卒業しましたが、あまり学歴がありません。以上が私の大まかな理解です。

より高度なものを探してください: Mastering Ajax、パート 1: Ajax の紹介

実際の操作

wamp/www/ に、index.html と getZipcode.php の 2 つのファイルを含む新しい testAjax フォルダーを作成します

index.html

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

PHP で Ajax をテストします... <スクリプト言語="javascript" タイプ="text/javascript"> // 作成一句 XMLHttpRequest 文 var xmlHttp = false; if (!xmlHttp && XMLHttpRequest のタイプ != '未定義') { xmlHttp = 新しい XMLHttpRequest(); } 関数 callServer(){ // 値を取得する var city = document.getElementById("city").value; if(city == null || city == "") return; //建立URL、获取邮政编码 var url = "/testAjax/getZipcode.php?city="+escape(city); //打开conn,true表示异步 xmlHttp.open("GET",url,true); //コード完了後の実行関数を設定する xmlHttp.onreadystatechange = updatePage; //Ajax を送信します。GET 方式のため、追加のバンドデータは必要ありません xmlHttp.send(null); } //この方法と処理関数 updatePage(){ // xmlHttp.readyState プロパティの値が 4 に等しくなるまでは何も不要です if(xmlHttp.readyState == 4){ var 応答 = xmlHttp.responseText; document.getElementById("郵便番号").value = 応答; } }

都市:

郵便番号:

getZipcode.php

1 2 3 4 5 6 7 8 9 10 11 12

"; }それ以外{ $city = $_GET["都市"]; if($city != null && $city != ""){ エコー $city."_010"; }それ以外{ echo "都市は null?"; } } ?>

実際の結果: