什麼是Ajax?工作原理?如何用Ajax完成GET請求

慕斯
發布: 2023-03-10 14:20:01
原創
1800 人瀏覽過

上篇文章為大家介紹了《如何用PHP實現使用者頭像上傳功能? (詳細介紹)》,本文繼續介紹什麼是Ajax?工作原理?如何用Ajax完成GET請求,(附代碼)有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

什麼是Ajax?工作原理?如何用Ajax完成GET請求

什麼是Ajax?

語Ajax用來描述一組技術,它使瀏覽器可以為使用者提供更自然的瀏覽體驗。在Ajax之前,Web網站強制使用者進入提交/等待/重新顯示範例,使用者的動作總是與伺服器的「思考時間」同步。 Ajax提供與伺服器非同步通訊的能力,從而使用戶從請求/回應的循環中解脫出來。借助於Ajax,可以在使用者按一下按鈕時,使用JavaScript和DHTML立即更新UI,並向伺服器發出非同步請求,以執行更新或查詢資料庫。當請求返回時,就可以使用JavaScript和CSS來相應地更新UI,而不是刷新整個頁面。最重要的是,使用者甚至不知道瀏覽器正在與伺服器通訊: W​​eb網站看起來是即時回應的。

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方式提交,我們在表單中創建兩個字段,一是:帳號;二是:密碼,隨後我們再添加一個提交按鈕,




    
    用户登录

帐号:

密码:

登入後複製

代碼結果如下所示;

什麼是Ajax?工作原理?如何用Ajax完成GET請求

我們接下來寫腳本,首先我們取得提交按鈕,緊接著我們新增一個提交事件,程式碼如下:

登入後複製

然後,我們建立一個PHP檔案(check.php)在此文件中我們接受從表單傳送過來的數據,我們以get方式提交,提交的目標腳本是(check.php)

程式碼如下:

';
print_r($_GET);
登入後複製

什麼是Ajax?工作原理?如何用Ajax完成GET請求

什麼是Ajax?工作原理?如何用Ajax完成GET請求##推薦學習:《

PHP影片教學

以上是什麼是Ajax?工作原理?如何用Ajax完成GET請求的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!