Ajax (Asynchronous JavaScript and XML) 是一種使用 JavaScript 創建異步請求的技術。它可以通過在不刷新整個頁面的情況下與服務器進行通信，并更新頁面的部分內容。在網頁開發中，Ajax 可以用于實現動態加載數據、用戶注冊登錄驗證等功能。本文將介紹如何使用 Ajax 連接 PHP 和 HTML，實現從前端頁面向后端服務器發送請求并接收返回值的功能。
在使用 Ajax 連接 PHP 和 HTML 之前，我們首先需要了解一些基本概念。HTML 是一種用于創建網頁的標記語言，PHP 是一種服務器端的腳本語言，可以處理表單數據、操作數據庫等。當我們在 HTML 中使用 Ajax 發送請求時，可以通過 JavaScript 調用 PHP 文件，PHP 文件處理請求后返回相應的數據給前端頁面。
為了更具體地了解 Ajax 連接 PHP 和 HTML 的過程，讓我們看一個簡單的例子。假設我們有一個前端的頁面，包含一個按鈕和一個用于顯示服務器返回結果的標簽。當用戶點擊按鈕時，頁面會向后端服務器發送請求，服務器會將字符串 "Hello, Ajax!" 返回給前端頁面，并在標簽中顯示該字符串。
下面是一個簡單的 HTML 頁面，其中包含一個按鈕和用于顯示返回結果的標簽：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({
url: "backend.php",
success: function(result){
$("#result").text(result);
}
});
});
});
</script>
</head>
<body>
<h2>使用 Ajax 連接 PHP 和 HTML 的例子</h2>
<button>點擊發送請求</button>
<p id="result"></p>
</body>
</html>在上述 HTML 頁面中，我們使用了 jQuery 庫來簡化 Ajax 發起請求的過程。當用戶點擊按鈕時，會觸發點擊事件，調用 $.ajax 方法。其中的 url 參數指定了要發送請求的 PHP 文件的路徑，success 參數指定了當請求成功后的回調函數。在回調函數中，我們將服務器返回的結果放置在 id 為 "result" 的標簽中。
接下來，我們需要在后端創建一個 PHP 文件來處理請求并返回結果。下面是一個簡單的 PHP 文件的代碼：
<?php echo "Hello, Ajax!"; ?>
在上述 PHP 文件中，我們使用 echo 語句將字符串 "Hello, Ajax!" 返回給前端頁面。
將上面的 HTML 頁面和 PHP 文件部署至服務器，并訪問 HTML 頁面，你會看到一個按鈕和一個空的標簽。當你點擊按鈕時，頁面會向后端服務器發送請求，服務器會將字符串 "Hello, Ajax!" 返回給前端頁面，并在標簽中顯示該字符串。
以上就是使用 Ajax 連接 PHP 和 HTML 的簡單例子。通過這種方式，我們可以在前端頁面中通過 Ajax 發送請求給后端服務器，并接收服務器返回的數據。這種實時獲取數據的方式為我們實現動態加載內容、用戶驗證登錄等功能提供了便利。