【正文】 type=text用戶名：12. 11. 10. body9. /head 8. src=/scriptscriptcharset=utf8content=text/html。meta//W3C//DTDHTML }二、 用戶名校驗(yàn)服務(wù)器返回XML數(shù)據(jù)的Ajax實(shí)例 。 data:userName= + encodeURI(encodeURI($(userName).val())), //封裝請求參數(shù) dataType:html, //預(yù)期服務(wù)器返回的數(shù)據(jù)類型 success:function(data){ $(result).html(data)。如果需要發(fā)送同步請求，請將此選項(xiàng)設(shè)置為 false。 } return url。 } else { url = url + ?t= + timstamp。t= + timstamp。}//給url地址增加時間戳，騙過瀏覽器，不讀取緩存function convertURL(url) { //獲取時間戳 var timstamp = (new Date()).valueOf()。 // //找到保存結(jié)果信息的節(jié)點(diǎn) var resultObj = $(result)。}//回調(diào)函數(shù)function callback(data){ // alert(服務(wù)器段的數(shù)據(jù)回來了?。?。// })。 url = convertURL(url)。 //解決中文亂麻問題的方法1，頁面端發(fā)出的數(shù)據(jù)作一次encodeURI，服務(wù)器段使用new String((iso88591),UTF8)。 //jquery的方法返回的都是jquery的對象，可以繼續(xù)在上面執(zhí)行其他的jquery方法 var jqueryObj = $(userName)。function verify1() { // //(userName)。 //接收回車按鍵function checkUsername(evt){ if(==13){ //可選verify1()和verify2()任意一種 verify2()。73. } })。72. } 71. +注意，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執(zhí)行。如果需要發(fā)送同步請求，請將此選項(xiàng)設(shè)置為true)async:66. //請求URL //HTTPtype:POST,64. $.ajax({ 63. { 62. function61. //第二種方式：通過jQuery的ajax()方法實(shí)現(xiàn) 60. 59. } return58. } 57. =timstamp。?t=urlurl56. { }55. +=timstamp。t=+=0)((?)Date()).valueOf()。=var51. //獲取時間戳 50. { 49. function48. //給url地址增加時間戳，騙過瀏覽器，不讀取緩存 47. 46. } $(result)。resultObj//alert(data)。40. // 39. //38. callback(data){ $.post(url,null,callback)。33. //使用jquery的XMLHTTPrequest對象post請求的封裝 32. 31. $(result).html(data)。29. //$.get(url,null,function(data){ 28. ////使用jquery的XMLHTTPrequest對象get請求的封裝 27. // 26. 25. =encodeURI(encodeURI(userName))。checkUsername?userName=urlString((iso88591),UTF8)。()。userName$(userName)。jqueryObj//Jquery的查找節(jié)點(diǎn)的方式，參數(shù)中加上id屬性值可以找到一個節(jié)點(diǎn)。15. dom的方式 verify1()方式。傳遞附加參數(shù)時自動轉(zhuǎn)換為11. //load():默認(rèn)使用GET方式10. //第一種方式:通過jQuery的load()/get()/post()方法實(shí)現(xiàn) 9. 8. } } 7. verify2()。6. //可選verify1()和verify2()任意一種 5. if(==13){ 4. checkUsername(evt){ ?xml version= encoding=UTF8?webapp version= xmlns= xmlns:xsi= xsi:schemaLocation= servlet servletnameCheckUsername/servletname servletclass/servletclass /servlet servletmapping servletnameCheckUsername/servletname urlpattern/checkUsername/urlpattern /servletmapping /webapp改寫為jQuery代碼： 第1，3，4不變，改寫第2點(diǎn)JS代碼如下： Js代碼 1. 19. /webapp 18. /servletmapping17. urlpattern/checkUsername/urlpattern16. servletnameCheckUsername/servletname15. servletmapping14. 13. /servlet12. servletclass/servletclass11. servletnameCheckUsername/servletname10. servlet9. 8. 7. xmlns:xsi=5. version=version= } }}4. Xml代碼 1. 用戶名[ + userName + ]尚未存在，可以使用該用戶名注冊/font)。 } else { (font color=39。red39。 } else { // String userName = new String((ISO88591))。 // String oldUserName = (userName)。charset=UTF8)。/** * author Seany * p * 類功能:注冊賬號時，異步校驗(yàn)用戶名是否已存在 * /p */public class CheckUsername extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response)。import 。import 。import 。()。47. { (Exception}46. } 45. } 44. +43. userName 用戶名[color=39。else]已經(jīng)存在，請使用其他用戶名/font)。+red39。(font39. { if38. newuserName//36. { }35. 0)()null(oldUserName//32. =String31. ()。outcharset=UTF8)。//27. { IOExceptionthrowsHttpServletResponse25. request, voidresponse)。IOExceptionthrowsHttpServletResponse20. request, voidHttpServletCheckUsername17. public*//p 15. *p 13. author12. 9. import 7. import 5. import 2. package } else { alert(error！)。 //將數(shù)據(jù)顯示在頁面上 //通過dom的方式找到div標(biāo)簽所對應(yīng)的元素節(jié)點(diǎn) var spanNode = (result)。 //POST方式還可這樣發(fā)送數(shù)據(jù)，這時上面的url只為：checkUsername //(userName= + userName)。 (ContentType,application/xformurlencoded)。 //POST方式需要自己設(shè)置的請求頭,這句話不能去，否則得不到數(shù)據(jù)。 //(GET,url,true)。 } // //注冊回調(diào)函數(shù)時，之需要函數(shù)名，不要加括號 //我們需要將函數(shù)名注冊，如果加上括號，就會把函數(shù)的返回值注冊上，這是錯誤的 = callback。 } catch(e){ } } } //確認(rèn)XMLHTtpRequest對象創(chuàng)建成功 if (!xml) { alert(XMLHttpRequest對象創(chuàng)建失敗!!)。 i++) { try{ //取出一個控件名進(jìn)行創(chuàng)建，如果創(chuàng)建成功就終止循環(huán) //如果創(chuàng)建失敗，回拋出異常，然后可以繼續(xù)循環(huán)，繼續(xù)嘗試創(chuàng)建 xml = new ActiveXObject(activexName[i])。 for (var i = 0。 //針對某些特定版本的mozillar瀏覽器的BUG進(jìn)行修正 if () { (text/xml)。 }}