Ajax（Asynchronous JavaScript and XML）是一種用于實現動態網頁的技術，它能夠實現在不重新加載整個頁面的情況下，通過后臺服務器異步地獲取數據并更新頁面的內容。本次實驗旨在通過使用Ajax異步數據傳輸的方法來實現一個簡單的數據查詢功能。實驗結果表明，Ajax的異步數據傳輸能夠實現在不刷新整個頁面的情況下，在后臺服務器獲取數據并實時更新頁面，提高了用戶的體驗。

在本次實驗中，我們創建了一個簡單的學生信息查詢系統。通過輸入學生的學號，系統能夠通過Ajax異步地向后臺服務器發送請求，后臺服務器返回學生的信息，并通過Ajax將信息實時展示在網頁上。

function getStudentInfo() {
var studentId = document.getElementById('studentId').value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var studentInfo = JSON.parse(xhr.responseText);
document.getElementById('studentName').innerHTML = studentInfo.name;
document.getElementById('studentAge').innerHTML = studentInfo.age;
document.getElementById('studentGrade').innerHTML = studentInfo.grade;
}
}
xhr.open('GET', 'getStudentInfo.php?studentId=' + studentId, true);
xhr.send();
}

上述代碼是前端頁面中獲取學生信息的函數。當用戶輸入學號后，頁面中的getStudentInfo()函數被觸發。該函數首先獲取頁面中輸入的學號，然后創建了一個XMLHttpRequest對象，指定回調函數以處理服務器返回的數據。在發送請求之前，需要使用open()方法指定請求的方法（GET/POST）以及請求的URL。最后，使用send()方法發送請求，后臺服務器返回數據后，通過回調函數處理返回的數據。

后臺服務器根據前端發送的請求，將查詢到的學生信息以JSON格式返回給前端。

<?php
$studentId = $_GET['studentId'];
// 查詢學生信息的代碼省略...
echo json_encode($studentInfo);
?>

通過以上代碼，我們實現了一個簡單的學生信息查詢系統。當用戶在輸入框中輸入學號并點擊提交按鈕后，頁面會實時更新學生的信息，無需刷新整個頁面。實驗結果表明，Ajax異步數據傳輸能夠高效地獲取數據并更新頁面，提供了更好的用戶體驗。