jQuery是一種流行的JavaScript框架，而Ajax則是一種可以在不刷新整個(gè)頁面的情況下向服務(wù)器發(fā)送和接收數(shù)據(jù)的技術(shù)。結(jié)合起來使用，就可以實(shí)現(xiàn)更加靈活、高效的用戶登錄驗(yàn)證功能。

首先，我們需要在HTML頁面中添加一個(gè)表單，用于輸入用戶名和密碼：

<form id="login-form">
<label for="username">Username:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">Password:</label>
<input type="password" id="password" name="password">
<br>
<button type="submit">Submit</button>
</form>

接下來，我們需要使用jQuery的Ajax功能，向后臺(tái)服務(wù)器發(fā)送POST請(qǐng)求，以驗(yàn)證用戶輸入的用戶名和密碼是否正確：

$("#login-form").submit(function(event) {
// 防止表單默認(rèn)提交行為
event.preventDefault();
// 獲取用戶輸入的用戶名和密碼
var username = $("#username").val();
var password = $("#password").val();
// 發(fā)送POST請(qǐng)求并接收響應(yīng)數(shù)據(jù)
$.ajax({
url: "login.php", // 后續(xù)需要?jiǎng)?chuàng)建一個(gè)login.php文件來處理POST請(qǐng)求
type: "POST",
data: {
username: username,
password: password
},
success: function(response) {
// 驗(yàn)證成功，跳轉(zhuǎn)到主頁
window.location.href = "index.html";
},
error: function(xhr, status, error) {
// 驗(yàn)證失敗，顯示錯(cuò)誤提示信息
$("#error-message").text(xhr.responseText);
}
});
});

最后，我們要在后臺(tái)服務(wù)器（login.php）中處理登錄驗(yàn)證的請(qǐng)求。我們可以使用PHP的MySQLi擴(kuò)展來進(jìn)行數(shù)據(jù)庫(kù)查詢、用戶驗(yàn)證等操作，并返回相應(yīng)的結(jié)果：

// 建立MySQLi連接
$conn = new mysqli($servername, $username, $password, $dbname);
// 獲取POST請(qǐng)求中的用戶名和密碼
$username = $_POST["username"];
$password = $_POST["password"];
// 使用MySQLi查詢語句驗(yàn)證用戶名和密碼
$sql = "SELECT * FROM users WHERE username = '$username' AND password = '$password'";
$result = $conn->query($sql);
// 如果查詢結(jié)果包含1行記錄，則驗(yàn)證成功；否則，驗(yàn)證失敗
if ($result->num_rows == 1) {
echo "success";
} else {
echo "Invalid username or password.";
}
// 關(guān)閉MySQLi連接
$conn->close();

通過上述代碼，我們就可以實(shí)現(xiàn)基于jQuery和Ajax的用戶登錄驗(yàn)證功能，為用戶提供更好的登錄體驗(yàn)。