什麼是Ajax？工作原理？如何用Ajax完成GET請求
- 慕斯原創
- 2021-06-10 17:53:021926瀏覽
上篇文章為大家介紹了《如何用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檔案（check.php）在此文件中我們接受從表單傳送過來的數據，我們以get方式提交，提交的目標腳本是（check.php）程式碼如下：<?php echo '<pre class="brush:php;toolbar:false">'; print_r($_GET);
##推薦學習：《
以上是什麼是Ajax？工作原理？如何用Ajax完成GET請求的詳細內容。更多資訊請關注PHP中文網其他相關文章！