Ajax和jQuery是兩個十分流行的前端技術,其提供了強大的在不刷新網頁的情況下進行交互和請求服務器的能力,適用于如登錄等業務場景。
$(document).ready(function() { // 登錄表單 $('#login-form').submit(function(event) { // 阻止表單默認提交行為 event.preventDefault(); // 獲取表單中的賬號和密碼 var username = $('#username').val(); var password = $('#password').val(); // 使用Ajax發送POST請求 $.ajax({ type: 'POST', url: '/login', data: { username: username, password: password }, success: function(response) { // 成功收到服務器返回的響應 if (response.success) { alert('登錄成功'); window.location.href = '/homepage'; } else { alert('用戶名或密碼錯誤'); } }, error: function() { // 發送請求失敗 alert('網絡錯誤,請稍后再試!'); } }); }); });
以上代碼實現了一個簡單的Ajax登錄請求,當用戶在表單中輸入賬號和密碼并提交后,通過jQuery選擇器取到表單元素的值,然后使用Ajax的POST方法將賬號密碼發送給服務器,服務器處理登錄請求后返回響應,在success回調中根據服務器返回的success字段來判斷登錄是否成功,若成功則跳轉到主頁。