jQuery AJAX 是一種使用 JavaScript 的技術，在網頁不刷新的情況下獲取和發送數據。jQuery AJAX 能夠讓任務變得簡單，也理解常見的問題，例如瀏覽器兼容問題和正確的數據格式。在這篇文章中，我們將介紹如何使用 jQuery AJAX 發送數據。
首先，我們需要確保已經引入了 jQuery 庫文件。在 HTML 的頭部中添加以下代碼：
<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head>
接下來，我們將創建一個包含按鈕和表單的 HTML，當用戶點擊按鈕時，將觸發發送到服務器的 AJAX 請求。需要注意的是，這里的示例將使用 PHP 作為服務器端語言。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<form action="" method="post">
<input type="text" name="name" id="name">
<input type="email" name="email" id="email">
<button type="submit" id="submit-btn">提交</button>
</form>
<script>
$('#submit-btn').click(function(event) {
event.preventDefault();
var nameVal = $('#name').val();
var emailVal = $('#email').val();
$.ajax({
type: 'POST',
url: 'process.php',
data: {name: nameVal, email: emailVal},
success: function(response) {
console.log(response);
}
});
});
</script>
</body>
</html>通過上面的代碼，我們定義了一個表單，并使用 jQuery 的 click() 方法來監聽 "提交" 按鈕的點擊事件。當用戶點擊按鈕時，我們將調用 event.preventDefault() 方法來阻止表單默認的提交行為。然后，使用 jQuery val() 方法獲取用戶在表單中輸入的值。最后，我們使用 jQuery 的 AJAX 方法（$.ajax()）來發送數據并接收響應。
在 AJAX 方法中，我們指定請求的類型為 POST，URL 是 process.php，還需要提供發送到服務器的數據。在這里，我們使用了一個對象字面量格式來傳遞數據，它的屬性名是字段名，屬性值是對應的表單值。最后，使用 success 回調函數來處理服務器的響應。
最后，我們需要確保服務器端的代碼能夠接收我們發送的數據。在這個例子中，我們使用 PHP 代碼來接收數據，處理數據并返回響應。PHP 代碼如下所示：
<?php
if(isset($_POST['name'], $_POST['email'])) {
$name = $_POST['name'];
$email = $_POST['email'];
echo "Hi $name, Your email address is $email";
} else {
echo "Please fill out the form.";
}
?>這里，我們使用了 isset() 方法來判斷是否收到了正確的參數，然后通過 $_POST[] 超全局數組獲取 POST 的數據，執行您的代碼并將結果發送回客戶端。如果沒有接收到正確的參數，則返回一條錯誤消息。
在這樣一個簡單的例子中，jQuery AJAX 提供了一種簡便的方式來發送和接收數據，即使對不同的服務器設置也可兼容。該技術是 Web 開發中必不可少的工具之一，應熟知并使用之。