อัปโหลดรหัสโดยตรง:
reg_ajax.html
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> jax ร้องขอ servlet เพื่อใช้ชื่อผู้ใช้เพื่อตรวจสอบว่าชื่อผู้ใช้มีอยู่หรือไม่ </title> </head> <body> xmlhttp; ลอง {// Firefox, Opera 8.0+, Safari Xmlhttp = ใหม่ XMLHTTTPREQUEST (); } catch (e) {// internet explorer ลอง {xmlhttp = new ActiveXObject ("msxml2.xmlhttp"); } catch (e) {ลอง {xmlhttp = new ActiveXObject ("microsoft.xmlhttp"); } catch (e) {alert ("เบราว์เซอร์ของคุณไม่รองรับ ajax!"); กลับเท็จ; }}} ส่งคืน xmlhttp; }/** * ส่งคำขอ Ajax * url-request url ไปยังเซิร์ฟเวอร์ * methodTtype (โพสต์/รับ) * con (จริง (อะซิงโครนัส) | เท็จ (ซิงโครนัส)) * functionName (ชื่อวิธีการเรียกกลับไม่จำเป็นต้องใช้เครื่องหมายคำพูด ajaxRequest (url, methodTtype, con, functionName) {// รับ xmlhttpRequest วัตถุ var xmlhttp = getajaxhttp (); // ตั้งค่าฟังก์ชันการโทรกลับ (ฟังก์ชั่นที่เรียกว่าเมื่อตอบกลับ) XMLHTTP.OnReadyStateChange = function () {// รหัสในฟังก์ชันนี้เรียกโดยวัตถุ XMLHTTPREQUEST เมื่อใด // เมื่อเซิร์ฟเวอร์ตอบสนองวัตถุ XMLHTTPREQUEST จะเรียกใช้วิธีการโทรกลับโดยอัตโนมัติถ้า (XMLHTTP.ReadyState == 4) {ถ้า (xmlhttp.status == 200) {functionName (xmlhttp.ResponSetext); - // สร้างคำขอ xmlhttp.open (MethodTtype, URL, Con); // ส่งคำขอ xmlhttp.send (); } ฟังก์ชั่น checkUserName () {var username = document.getElementById ('ชื่อผู้ใช้') ค่า; // สร้าง AJAX Request Servlet AjaxRequest ("UserserVlet? ชื่อผู้ใช้ ="+ชื่อผู้ใช้ "โพสต์", จริง, ckuserNameresponse); } function ckuserNameresponse (responsecontents) {if (responsecontents == 'ใช่') {document.getElementById ('USERNAMEMSG'). innerHtml = "<font color = 'สีแดง'> ชื่อผู้ใช้ </font>"; document.getElementById ('ชื่อผู้ใช้'). style = "พื้นหลังสี: สีแดง"; } else {document.getElementById ('USERNAMEMSG'). innerHtml = ""; document.getElementById ('ชื่อผู้ใช้'). style = "พื้นหลังสี: สีขาว"; }} </script> <table> <tr> <td> ชื่อผู้ใช้ </td> <td> <อินพุต type = "text" id = "ชื่อผู้ใช้" onblur = "checkusername ()"/> </td> <td> <div id = "usernamemsg"> </div> id = "อีเมล"/> </td> <td> <div id = "emailmsg"> </div> </td> </tr> </table> </body> </html>รหัส servlet ที่ร้องขอมีดังนี้ userservlet.java
แพ็คเกจ cn.bestchance.servlet; นำเข้า java.io.ioexception; นำเข้า java.util.arraylist; นำเข้า Javax.servlet.servletexception; นำเข้า Javax.servlet.annotation.webservlet javax.servlet.http.httpservletrequest; นำเข้า Javax.servlet.http.httpservletResponse;/** * คลาสการใช้งานเซิร์ฟเล็ตผู้ใช้บริการ */@webservlet ("/userservlet") ผู้ใช้ระดับสาธารณะ Void Doget ที่ได้รับการป้องกัน (คำขอ httpservletrequest, การตอบสนอง httpservletResponse) พ่น servletexception, ioexception {dopost (คำขอ, การตอบสนอง); } / ** * @see httpservlet#dopost (คำขอ httpservletrequest, การตอบสนอง httpservletResponse) * / การป้องกันโมฆะ dopost (httpservletrequest คำขอ, httpservletResponse การตอบสนอง) // arrayList ถูกใช้ที่นี่แทนที่จะใช้การสืบค้นข้อมูลจากฐานข้อมูล arrayList <String> userlist = new ArrayList <String> (); userlist.add ("ผู้ดูแลระบบ"); userlist.add ("ทดสอบ"); userlist.add ("โอกาส"); // ตรวจสอบว่าชื่อผู้ใช้มีธงบูลีน = เท็จหรือไม่ สำหรับ (สตริงสตริง: userlist) {if (string.equals (ชื่อผู้ใช้)) {flag = true; หยุดพัก; }} if (Flag) {// ชื่อผู้ใช้มีอยู่แล้ว Response.getWriter (). พิมพ์ ("ใช่"); } else {// ชื่อผู้ใช้ไม่มี Response.getWriter (). พิมพ์ ("ไม่"); -ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น