AJAX是一種基于JavaScript開發(fā)的技術，通過不刷新整個頁面的方式，向服務器請求數(shù)據(jù)并實現(xiàn)局部刷新。在網(wǎng)站注冊等場景中，我們通常需要檢測用戶名是否已被使用，下面是一個簡單的HTML頁面，通過AJAX來檢測用戶名：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>檢測用戶名</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#username").blur(function(){ // 失焦事件
var username = $(this).val(); // 獲取用戶名
$.get("checkUsername.php?username=" + username, function(data){
$("#result").html(data); // 返回信息
});
});
});
</script>
</head>
<body>
<h1>檢測用戶名</h1>
<p>請輸入用戶名:</p>
<input type="text" id="username">
<div id="result"></div> // 返回結(jié)果
</body>
</html>在上述代碼中，我們使用了jQuery框架，首先，當用戶名輸入框失去焦點時，觸發(fā)blur事件。然后，通過$.get()方法向checkUsername.php文件發(fā)送請求，傳遞用戶名參數(shù)。checkUsername.php文件的作用是判斷用戶名是否已被使用，如果已被使用，則返回"用戶名已存在"，否則返回"用戶名可以使用"。最后，將返回的信息展示在id為result的div標簽中。