站長資訊網(wǎng)上篇文章給大家介紹了《如何用PHP實現(xiàn)用戶頭像上傳功能？（詳細介紹）》，本文繼續(xù)給大家介紹什么是Ajax？工作原理？如何用Ajax完成GET請求，（附代碼）有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。
什么是Ajax？
語Ajax用來描述一組技術(shù)，它使瀏覽器可以為用戶提供更為自然的瀏覽體驗。在Ajax之前，Web站點強制用戶進入提交/等待/重新顯示范例，用戶的動作總是與服務(wù)器的“思考時間”同步。Ajax提供與服務(wù)器異步通信的能力，從而使用戶從請求/響應(yīng)的循環(huán)中解脫出來。借助于Ajax，可以在用戶單擊按鈕時，使用JavaScript和DHTML立即更新UI，并向服務(wù)器發(fā)出異步請求，以執(zhí)行更新或查詢數(shù)據(jù)庫。當請求返回時，就可以使用JavaScript和CSS來相應(yīng)地更新UI，而不是刷新整個頁面。最重要的是，用戶甚至不知道瀏覽器正在與服務(wù)器通信： Web站點看起來是即時響應(yīng)的。
Ajax包含：
* 基于XHTML和CSS標準的表示；
* 使用Document Object Model進行動態(tài)顯示和交互；
* 使用XMLHttpRequest與服務(wù)器進行異步通信；
* 使用JavaScript綁定一切。
Ajax的工作原理：
Ajax的核心是JavaScript對象XmlHttpRequest。該對象在Internet Explorer 5中首次引入，它是一種支持異步請求的技術(shù)。簡而言之，XmlHttpRequest使您可以使用JavaScript向服務(wù)器提出請求并處理響應(yīng)，而不阻塞用戶。
我們?nèi)绾斡肁jax完成GET請求：
首先，我們需要創(chuàng)建Ajax對象，然后，我們需要創(chuàng)建請求事件的回調(diào)，這一部分主要是完成兩份工作，第一是從服務(wù)端獲取響應(yīng)的數(shù)據(jù)，第二部分是，在當前頁面執(zhí)行DOM操作，而這些DOM操作無非就是HTML中的一些增刪改查的操作，第三就是，調(diào)用Ajax中的open方法創(chuàng)建URL的請求，最后就是用戶的URL請求發(fā)送到用戶端，而完成get請求的url地址有兩種格式：第一：當前請求的腳本是沒有參數(shù)的，比如說，cheak.php，因此這個腳本不需要查詢參數(shù)；第二種是需要參數(shù)的，在當前腳本插入一個問號，然后輸入字符串就可以；其實在實際開發(fā)中我們更過的使用的是JSON格式的數(shù)據(jù)，但是我們獲取數(shù)據(jù)本質(zhì)上任然是一個字符串，準確的說是JSON格式的字符串，
我們首先創(chuàng)建一個HTML文件，我們以一個用戶的登錄表單為例：命名為login，我們用get方式提交，我們在表單中創(chuàng)建兩個字段，一是：賬號；二是：密碼，隨后我們再添加一個提交按鈕，
<!DOCTYPE html> <htmL> <head> <meta charset="UTF-8"> <title>用戶登錄</title> </head> <body> <div align=" cent'> <h3>用戶登錄</h3> <form action="check.php" method="get"> <p>帳號: <input type="text" name="name" id="name"></p> <p>密碼: <input type=" password" name=" password" id=" password"></p> <p><input type=" submit" id=" submit" value=" 提交"></p> </form> </div> </body> </html>
代碼結(jié)果如下所示；
我們接下來寫一下腳本，首先我們獲取一下提交按鈕，緊接著我們添加一個提交事件，代碼如下：
<script> Var submit = document . getElementByIdC' submit'); //獲取提交按鈕 submit. onclick = function { } </script>
然后，我們建立一個PHP文件（check.php）在此文件中我們接受從表單傳送過來的數(shù)據(jù)，我們以get方式提交，提交的目標腳本是（check.php）
代碼如下：
<?php echo '<pre>'; print_r($_GET);
推薦學習：《PHP視頻教程》
