本文將介紹如何使用jQuery動態地從網站上查詢學生的成績信息。
首先我們需要一個表單頁面,其中包含一個輸入框和一個查詢按鈕:
<form> <label>請輸入學生學號:</label> <input type="text" id="studentId" name="studentId"> <button type="button" id="queryBtn">查詢</button> </form>
接著我們需要編寫jQuery代碼,當用戶點擊查詢按鈕時,我們將獲取輸入框中的學號,并發送請求到服務器端查詢學生的成績信息:
$(function() { $('#queryBtn').click(function() { var studentId = $('#studentId').val(); //獲取學號輸入框的值 $.get('/getGrade?studentId=' + studentId, function(data) {//向服務器發送學號查詢請求 if(data.error) { //服務器返回了錯誤信息 alert(data.error); } else { //返回成功,顯示成績信息 $('#result').text('姓名:' + data.name + ' 成績:' + data.grade); } }); }); });
最后我們需要在頁面上展示查詢結果:
<div id="result"></div>
現在,當用戶輸入學號并點擊查詢按鈕時,我們將向服務器發送請求并在頁面上展示查詢結果。