Langsung unggah kode:
Reg_ajax.html
<! Doctype html> <html> <adap> <meta charset = "utf-8"> <itement> Ajax meminta servlet untuk mengimplementasikan nama pengguna untuk memverifikasi apakah nama pengguna ada </itement> </adeptttttttttttt = "text/javascript">/*** get xmlhttttttttttt = "Text/javascript">/*** get xmlhttttttttt xmlhttp; coba {// firefox, opera 8.0+, safari xmlhttp = new xmlHttpRequest (); } catch (e) {// internet explorer coba {xmlhttp = new activexObject ("msxml2.xmlhttp"); } catch (e) {coba {xmlhttp = new ActiveXObject ("microsoft.xmlHttp"); } catch (e) {waspada ("Browser Anda tidak mendukung Ajax!"); mengembalikan false; }}} return xmlhttp; }/** * Kirim Permintaan AJAX * URL-Permintaan URL ke Server * MethodType (Post/GET) * con (true (asynchronous) | false (sinkron)) * functionName (nama metode callback, tidak ada tanda kutip, itu disebut hanya ketika itu berhasil) * (note: Metode ini memiliki dua parameter, satu fungsi, satu mm adalah Xm. AjaxRequest (url, methodType, con, functionName) {// dapatkan objek xmlHttpRequest var xmlhttp = getajaxHttp (); // Atur fungsi callback (fungsi yang dipanggil saat merespons) xmlhttp.onReadyStateChange = function () {// Kapan kode dalam fungsi ini dipanggil oleh objek XMLHTTPREQUEST? // Ketika server merespons, objek XMLHTTPRequest akan secara otomatis memanggil metode panggilan balik jika (xmlhttp.readystate == 4) {if (xmlhttp.status == 200) {functionName (xmlhttp.responsetext); }}}}; // Buat permintaan xmlhttp.open (methodType, url, con); // Kirim permintaan xmlhttp.send (); } function checkUserName () {var username = document.geteLementById ('username'). value; // Buat AJAX Request Servlet AjaxRequest ("UserserVlet? Nama pengguna ="+nama pengguna, "POST", true, ckusernameresponse); } function ckusernameresponse (responseContents) {if (responseContents == 'yes') {document.geteLementById ('usernamemsg'). bitnertml = "<font color = 'red'> nama pengguna ada </font>"; document.getElementById ('username'). style = "latar belakang-warna: merah"; } else {document.getElementById ('usernamemsg'). innerHtml = ""; document.geteLementById ('username'). style = "latar belakang-warna: putih"; } } </script> <table> <tr> <td>Username</td> <td><input type="text" id="username" onblur="checkUsername()"/></td> <td><div id="usernameMsg"></div></td> </tr> <tr> <td>Email</td> <td><input type="text" id = "email"/> </td> <td> <div id = "emailMsg"> </div> </td> </tr> </able> </body> </html>Kode servlet yang diminta adalah sebagai berikut, UserserVlet.java
Paket cn.bestchance.servlet; impor java.io.ioexception; impor java.util.arraylist; impor javax.servlet.servletException; import javax.servlet.annotation.webservlet; import javax.servlet.htp.htpservlet; javax.servlet.http.httpservletRequest; import javax.servlet.http.httpservletResponse;/** * Kelas implementasi Servlet UserserVlet */@WebServlet ("/UserserVlet") Public ClasserServlet memperluas httpservlet {private sterser final longvoning = 1LVonSer; DOGET VOID DOGET (HTTPSERVLETREQUEST, HTTPSERVLETRESPONSE Respons) Melempar ServletException, IoException {DOPOST (permintaan, respons); } / ** * @See httpservlet#dopost (permintaan httpservletRequest, respons httpservletResponse) * / void dopost void (httpservletRequest, httpservletResponse response) ("httpserponse (" httpsesponse ("pleaskpareMe" // ArrayList digunakan di sini alih -alih menanyakan data dari database. ArrayList <String> userList = ArrayList baru <string> (); userlist.add ("admin"); userlist.add ("test"); userlist.add ("peluang"); // Verifikasi apakah nama pengguna memiliki bendera boolean = false; untuk (string string: userList) {if (string.equals (username)) {flag = true; merusak; }} if (flag) {// nama pengguna sudah ada respons.getWriter (). print ("yes"); } else {// nama pengguna tidak ada respons.getWriter (). print ("no"); }}}Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.