jquery與javascript各自實(shí)現(xiàn)ajax異步請(qǐng)求驗(yàn)證畢業(yè)論文-資料下載頁(yè)
2025-06-20 06:19本頁(yè)面
【正文】 null。 35. 36. booleanisExist=false。 37. if(userInfo==null){ 38. isExist=false。//該用戶名未被注冊(cè)！。 39. }else{ 40. isExist=true。//該用戶名已被注冊(cè)過(guò)了！。 41. } 42. 43. PrintWriterout=null。 44. 45. try{ 46. out=()。 47. (root)。 48. (message)。 49. (isExist)。 50. (/message)。 51. (/root)。 52. }catch(Exceptione){ 53. ()。 54. }finally{ 55. ()。 56. ()。 57. } 58. } 59. } package 。import 。import 。import 。import 。import 。import 。/** * @author Seany * p * 類(lèi)功能:注冊(cè)賬號(hào)時(shí)，異步校驗(yàn)用戶名是否已存在 * /p */public class RegisterCheckUsername extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response)。 } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { (utf8)。 // 服務(wù)器響應(yīng)內(nèi)容格式為xml (text/xml)。 (utf8)。 String userName = (userName)。 // 真實(shí)開(kāi)發(fā)中為業(yè)務(wù)層從數(shù)據(jù)庫(kù)中獲取數(shù)據(jù) String userInfo = hello.equals(userName) ? userName : null。 boolean isExist = false。 if (userInfo == null) { isExist = false。// 該用戶名未被注冊(cè)！。 } else { isExist = true。 // 該用戶名已被注冊(cè)過(guò)了！。 } PrintWriter out = null。 try { out = ()。 (root)。 (message)。 (isExist)。 (/message)。 (/root)。 } catch (Exception e) { ()。 } finally { ()。 ()。 } }}4. Xml代碼 1. 2. ?xmlversion=encoding=UTF8?3. webappversion= 4. xmlns= 5. xmlns:xsi= 6. xsi:schemaLocation= 7. 8. 9. servlet10. servletnameRCheckUsername/servletname11. servletclass/servletclass12. /servlet13. 14. servletmapping15. servletnameRCheckUsername/servletname16. urlpattern/xmlCheckUsername/urlpattern17. /servletmapping18. 19. /webapp ?xml version= encoding=UTF8?webapp version= xmlns= xmlns:xsi= xsi:schemaLocation= servlet servletnameRCheckUsername/servletname servletclass/servletclass /servlet servletmapping servletnameRCheckUsername/servletname urlpattern/xmlCheckUsername/urlpattern /servletmapping /webapp改寫(xiě)為jQuery代碼： 第1，3，4不變，改寫(xiě)第2點(diǎn)JS代碼如下： Js代碼 1. //檢查用戶名信息 2. functioncheckUsername(evt){ 3. //是否按ENTER鍵 4. if(==13){ 5. verify()。 6. } 7. } 8. 9. functionverify(){ 10. // 11. //(userName)。dom的方式 12. //Jquery的查找節(jié)點(diǎn)的方式，參數(shù)中加上id屬性值可以找到一個(gè)節(jié)點(diǎn)。 13. //jquery的方法返回的都是jquery的對(duì)象，可以繼續(xù)在上面執(zhí)行其他的jquery方法 14. varuserName_obj=$(userName)。 15. varuserName=()。 16. 17. if(=0){ 18. $(result).css({color:black}).html(用戶名不能為空！請(qǐng)輸入用戶名！)。 19. return。 20. } 21. varreq_url=xmlCheckUsername。 22. // 23. $.ajax({ 24. type:POST,//請(qǐng)求方式 25. url:req_url,//服務(wù)器段url地址 26. data:userName=+userName,//發(fā)送給服務(wù)器段的數(shù)據(jù) 27. dataType:xml,//告訴JQuery返回的數(shù)據(jù)格式 28. success:callback//定義交互完成，并且服務(wù)器正確返回?cái)?shù)據(jù)時(shí)調(diào)用的回調(diào)函數(shù) 29. })。 30. } 31. 32. //回調(diào)函數(shù) 33. functioncallback(data){ 34. // 35. //首先需要將dom的對(duì)象轉(zhuǎn)換成JQuery的對(duì)象 36. varjqueryObj=$(data)。 37. parseXml(jqueryObj)。 38. } 39. 40. //解析XML 41. functionparseXml(obj){ 42. //獲取message節(jié)點(diǎn) 43. varmessage=()。 44. //獲取文本內(nèi)容 45. varresult_txt=()。 46. 47. // 48. //找到保存結(jié)果信息的節(jié)點(diǎn) 49. varresultObj=$(result)。 50. if(result_txt==true){ 51. ()。 52. (color,red).html(對(duì)不起！該用戶名已被注冊(cè)過(guò)了！)。 53. }elseif(result_txt==false){ 54. ()。 55. (color,green).html(恭喜您！該用戶名未被注冊(cè)！)。 56. } 57. }
試題試卷相關(guān)推薦
鄂ICP備17016276號(hào)-1