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

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 をテストします...       // 作成一句 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?";         }     } ?>

実際の結果:

市区町村に何を入力しても、以下の郵便番号には「_010」がリアルタイムで追加されます。

苦情：zipcodeとは郵便番号のことです（英語は体育教師が教えます）。

http://www.bkjia.com/PHPjc/745029.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/745029.html技術記事 Ajax について簡単に説明すると、Ajax は、Asynchronous JavaScript and XML (および DHTML など) の略称です。 このチュートリアルは HTML+JS+DOM で構成されています。現時点では DOM は使用しません。 同期の概念: ページ送信 POST フォーム...