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