JQuery AJAX 是一種可以讓您的 web 應用程序通過異步方式向服務器發送和接收數據的技術。這里有一個關于 JQuery AJAX 的事例，可以幫助您更好地了解它的實現過程。
首先，創建一個 HTML 頁面，并在其中添加以下代碼：
<!DOCTYPE html>
<html>
<head>
<title>JQuery AJAX Example</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<h2>JQuery AJAX Example</h2>
<form>
<label>Enter your name:</label>
<input type="text" id="name" name="name">
<br><br>
<button id="submit">Submit</button>
</form>
<div id="result"></div>
<script>
$(document).ready(function() {
$("#submit").click(function() {
var name = $("#name").val();
$.ajax({
type: "POST",
url: "process.php",
data: {"name": name},
success: function(data) {
$("#result").html(data);
}
});
});
});
</script>
</body>
</html>在上面的代碼中，我們將 JQuery 庫添加到頁面，并創建了一個表單，該表單包含一個被標記為“submit”的按鈕和一個用于輸入名稱的文本框。
接下來，在 JQuery 文檔準備就緒時，我們使用 click 事件監聽器來捕獲“submit”按鈕的點擊事件。當用戶單擊按鈕時，我們獲取文本框中輸入的名稱，然后使用 AJAX 向“process.php”頁面發送 POST 請求，并將名稱作為數據發送。
在請求成功時，我們使用 JQuery 的回調函數將返回的數據顯示在我們的 HTML 頁面上。
在服務器端，您可以使用以下 PHP 代碼來獲取提交的數據并返回一些簡單的文本：
<?php
if(isset($_POST["name"])) {
$name = $_POST["name"];
echo "Hello, " . $name . "! Welcome to JQuery AJAX.";
}
?>以上代碼將返回 Hello, [name]! Welcome to JQuery AJAX. 的文本，其中 [name] 是從文本框獲取的名稱。
這是一個基本的 JQuery AJAX 的事例，它展示了如何向服務器發送和接收數據，以及如何使用回調函數將返回的數據顯示在頁面上。您可以使用類似的技術來創建更復雜和實用的 web 應用程序。
下一篇好用的css效果