قم بتحميل الكود مباشرة:
reg_ajax.html
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> يطلب ajax servlet لتنفيذ اسم المستخدم للتحقق مما إذا كان اسم المستخدم موجود </title> </head> XMLHTTP ؛ Try {// Firefox ، Opera 8.0+ ، Safari XmlHttp = New XmlHttpRequest () ؛ } catch (e) {// Internet Explorer Try {XmlHttp = new ActiveXObject ("msxml2.xmlHtp") ؛ } catch (e) {try {xmlhttp = new ActivexObject ("Microsoft.xmlHttp") ؛ } catch (e) {Alert ("Browser لا يدعم Ajax!") ؛ العودة كاذبة }}} return xmlhttp ؛ }/** * إرسال طلب ajax * url-url url إلى الخادم * methodtype (post/get) * con (true (غير متزامن) | خطأ (متزامن)) * functionName (اسم طريقة رد الاتصال ، لا توجد علامات اقتباس ، يطلق عليها فقط عندما تكون ناجحة) * AjaxRequeRque (url ، methodtype ، con ، functionName) {// get xmlhttprequest object var xmlhttp = getajaxhttp () ؛ // قم بتعيين وظيفة رد الاتصال (وظيفة تسمى عند الاستجابة) XMLHTTP.OnReadyStateChange = function () {// متى يتم استدعاء الكود في هذه الوظيفة بواسطة كائن XMLHTTPREQUEST؟ // عندما يستجيب الخادم ، سيقوم كائن XMLHTTPRequest تلقائيًا بالاتصال بأسلوب رد الاتصال إذا (xmlHttp.ReadyState == 4) {if (xmlhttp.status == 200) {functionName (xmlhttp.responsetext) ؛ }}}} ؛ // إنشاء طلب XMLHTTP.Open (methodType ، url ، con) ؛ // إرسال طلب xmlhttp.send () ؛ } وظيفة checkUserName () {var username = document.getElementById ('username'). value ؛ // إنشاء Ajax request servlet ajaxrequest ("userServlet؟ username ="+username ، "post" ، true ، ckusernameresponse) ؛ } الوظيفة ckusernameresponse (المسؤولية) {if (المسؤولية == 'yes') {document.getElementById ('usernamemsg'). innerhtml = "<font color = 'red'> username موجودة </font>" ؛ document.getElementById ('username'). style = "background-color: red" ؛ } آخر {document.getElementById ('usernamemsg'). innerhtml = "" ؛ document.getElementById ('username'). style = "Background-Color: White" ؛ }}} </script> <bool> <tr> <td> اسم المستخدم </td> <td> <type type = "text" id = "username" onblur = "checkusername ()"/> </td> <td> <div id = "usernamemsg"> </td> <td> <td> <td> id = "email"/> </td> <td> <div id = "emailmsg"> </viv> </td> </tr> </table> </body> </html>رمز servlet المطلوب كما يلي ، uservervlet.java
package cn.bestchance.servlet ؛ import java.io.ioException ؛ استيراد java.util.arraylist ؛ استيراد javax.servlet.servletexception ؛ استيراد javax.servlet.annotation.webservlet ؛ javax.servlet.http.httpservletrequest ؛ import javax.servlet.http.httpservletresponse ؛/** * servlet enderation class class userservlet */@webservlet ("/uservervlet") userservlet usservlet public httpservlet {private static final serialversion = 1l ؛ DOGED VOID DOGET (طلب httpservletrequest ، استجابة httpservletresponse) يلقي servleTexception ، ioException {dopost (request ، response) ؛ } / ** * see @httpservlet#dopost (طلب httpservletrequest ، استجابة httpservletresponse) * / محمية void dopost (httpservletrequest طلب ، httpservletresponse) يلقي servleTexception ، ioexception {string username = requestparameter // يتم استخدام ArrayList هنا بدلاً من الاستعلام عن البيانات من قاعدة البيانات. ArrayList <string> userList = جديد ArrayList <String> () ؛ userList.add ("admin") ؛ userList.add ("اختبار") ؛ userList.add ("Chance") ؛ // تحقق مما إذا كان اسم المستخدم لديه علم منطقي = خطأ ؛ لـ (سلسلة السلسلة: userlist) {if (string.equals (اسم المستخدم)) {flag = true ؛ استراحة؛ }} if (flag) {// username موجود بالفعل response.getWriter (). print ("نعم") ؛ } آخر {// اسم المستخدم غير موجود response.getWriter (). print ("no") ؛ }}}ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.