上篇文章為大家介紹了《如何用PHP實現使用者頭像上傳功能? (詳細介紹)》,本文繼續介紹什麼是Ajax?工作原理?如何用Ajax完成GET請求,(附代碼)有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。
什麼是Ajax?
語Ajax用來描述一組技術,它使瀏覽器可以為使用者提供更自然的瀏覽體驗。在Ajax之前,Web網站強制使用者進入提交/等待/重新顯示範例,使用者的動作總是與伺服器的「思考時間」同步。 Ajax提供與伺服器非同步通訊的能力,從而使用戶從請求/回應的循環中解脫出來。借助於Ajax,可以在使用者按一下按鈕時,使用JavaScript和DHTML立即更新UI,並向伺服器發出非同步請求,以執行更新或查詢資料庫。當請求返回時,就可以使用JavaScript和CSS來相應地更新UI,而不是刷新整個頁面。最重要的是,使用者甚至不知道瀏覽器正在與伺服器通訊: Web網站看起來是即時回應的。
Ajax包含:
##* 基於XHTML和CSS標準的表示;
* 使用Document Object Model進行動態顯示和互動;
* 使用XMLHttpRequest與伺服器進行非同步通訊;
* 使用JavaScript綁定一切。
Ajax的工作原理:Ajax的核心是JavaScript物件XmlHttpRequest。該物件在Internet Explorer 5中首次引入,它是一種支援非同步請求的技術。簡而言之,XmlHttpRequest可讓您使用JavaScript向伺服器提出請求並處理回應,而不會阻塞使用者。
我們如何用Ajax完成GET請求:
首先,我們需要建立Ajax對象,然後,我們需要建立請求事件的回調,這部分主要是完成兩份工作,第一是從服務端取得回應的數據,第二部分是,在目前頁面執行DOM操作,而這些DOM操作無非就是HTML中的一些增刪改查的操作,第三就是,呼叫Ajax中的open方法建立URL的請求,最後就是使用者的URL請求傳送到使用者端,而完成get請求的url位址有兩種格式:第一:目前請求的腳本是沒有參數的,比如說,cheak.php,因此這個腳本不需要查詢參數;第二種是需要參數的,在當前腳本插入一個問號,然後輸入字符串就可以;其實在實際開發中我們更過的使用的是JSON格式的數據,但是我們獲取數據本質上任然是一個字串,準確的說是JSON格式的字串,我們先建立一個HTML文件,我們以一個使用者的登入表單為例:命名為login,我們用get方式提交,我們在表單中創建兩個字段,一是:帳號;二是:密碼,隨後我們再添加一個提交按鈕,<!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>
我們接下來寫腳本,首先我們取得提交按鈕,緊接著我們新增一個提交事件,程式碼如下:
<script> Var submit = document . getElementByIdC' submit'); //获取提交按钮 submit. onclick = function { } </script>
<?php echo '<pre class="brush:php;toolbar:false">'; print_r($_GET);
##推薦學習:《
PHP影片教學以上是什麼是Ajax?工作原理?如何用Ajax完成GET請求的詳細內容。更多資訊請關注PHP中文網其他相關文章!