淺談Ajax
Ajax 是 Asynchronous JavaScript and XML(以及 DHTML 等)的縮寫。
它由 HTML+JS+DOM組成,本教程暫時不涉及DOM。
同步的概念:頁面提交POST表單,是不是整個頁面都在等待伺服器返回(呈空白狀態),然後重新整理?沒錯,這就是同步。
非同步概念:表單提交後,頁面的其它部分照常用。
Ajax 就是 頁面和伺服器之間的小三,作為一段JS代碼,它把頁面的提交資訊截獲,然後處理後提交給伺服器,然後監聽伺服器返回資訊,然後再回饋給頁面。
要用它需要一個控制代碼:xmlHttp = new XMLHttpRequest();
我們正是基於這個對象扮演小三這個角色。
參照下注釋就能理解ajax流程:
1.產生XMLHttpRequest對象
2.建立要跳轉的URL
3.開啟伺服器conn
4,.設定伺服器完成操作後要執行的函數
5.send ajax
6.結束後待執行函數要不斷監聽(機制不需要我們實現)
哎,從聖馬家溝男子職業技術學院出來的我,沒啥文化,以上就是自己粗淺的理解。
要看高大上的:掌握 Ajax,第 1 部分: Ajax 入門簡介
實際操作
在wamp/www/中建立一個testAjax檔案夾,裡面兩個檔案:index.html 和 getZipcode.php
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 |
Test ajax in PHP... |
getZipcode.php
?
| 1 2 3 4 5 6 7 8 9 10 11 12 |
"; }else{ $city = $_GET["city"]; if($city != null && $city != ""){ echo $city."_010"; }else{ echo "city is null?"; } } ?> |
實際結果:
無論我的City輸入什麼,下面的郵遞區號,都會加一個“_010”,即時的。
吐槽:zipcode是郵遞區號的意思(英語都是體育老師教的)。
http://www.bkjia.com/PHPjc/745029.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/745029.htmlTechArticle淺談Ajax Ajax 是 Asynchronous JavaScript and XML(以及 DHTML 等)的縮寫。 它由 HTML+JS+DOM組成,本教程暫時不涉及DOM。 同步的概念:頁面提交POST表單,...