登錄界面交互實現(xiàn)的關鍵？需要通過ajax或者http請求將用戶名和密碼發(fā)送到后臺，后臺將結果返回到登錄頁面進行頁面跳轉處理。jsp html中怎么樣才能點擊了按鈕但是不用跳轉頁面就可執(zhí)行servlet

登錄界面交互實現(xiàn)的關鍵？

需要通過ajax或者http請求將用戶名和密碼發(fā)送到后臺，后臺將結果返回到登錄頁面進行頁面跳轉處理。

jsp html中怎么樣才能點擊了按鈕但是不用跳轉頁面就可執(zhí)行servlet或者后臺代碼？

其實這個可以很簡單的實現(xiàn)，ajax異步刷新技術就夠了。異步刷新推薦用jquery，因為javaScript寫起來太麻煩。然后答案會從頭到尾告訴題主如何實現(xiàn):

什么是異步刷新技術？用我們自己的話來說，就是不刷新整個頁面，只刷新需要處理的位置。這提高了性能，也增加了用戶 的經(jīng)歷。這里 最常用的例子是:當我們注冊一個用戶時，當我們輸入完想要注冊的用戶名后，我們需要在光標移出輸入框時驗證我們當前的用戶名是否可用，所以我們不 不需要點擊注冊在這里做驗證。如果我們能 t使用整個頁面刷新，我們將不得不重新輸入其他信息，這對用戶使用來說將非常麻煩。所以最好的辦法就是只驗證用戶名數(shù)據(jù)庫，并且只提示當前信息。這是ajax。讓 讓我們做一個這個函數(shù)的代碼演示。

前端內(nèi)容直接看代碼圖:

首先說明要做什么。當您在輸入框中輸入用戶名時，只要鼠標移出，您就可以驗證該用戶名對服務器是否可用。發(fā)送異步請求用戶服務程序 "用jquery的ajax，然后把輸入名稱傳遞給服務器端servlet。在這里，沒有點擊事件，但光標移動事件模糊。It 都是一樣的，只是改變了方法名。然后回調(diào)成功的函數(shù)回調(diào)；；

設置請求訪問的servlet并直接查看代碼:

這里的答案是用最基本的配置寫的。當tomcat服務器收到 "用戶服務程序 "ajax發(fā)送的請求，它訪問 "我們已經(jīng)寫好的Servlet類。然后在servlet類中給出相應的響應。

直接把代碼看做后端內(nèi)容:

當請求到達servlet時，它開始接收傳遞的用戶名，然后判斷用戶名。如果可用，則返回true，如果可用，則返回false。最后將結果返回給回調(diào)函數(shù)，回調(diào)函數(shù)對結果做出相應的前端提示信息。

最終完成的效果圖:

輸入內(nèi)容時，光標只要移出，就會顯示用戶名是否可用。

總結:異步刷新技術主要使用ajax，是題主不跳轉頁面的最佳選擇，實現(xiàn)起來也比較簡單。

以上是答主 的解決方案。如果你有更好的看法，可以在下方評論區(qū)留言，或者點擊一個贊，關注我們一起探討。