ajax向服务端发送请求验证用户名是否可用小示例
生活随笔
收集整理的這篇文章主要介紹了
ajax向服务端发送请求验证用户名是否可用小示例
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
使用ajax向服務(wù)器發(fā)送請求
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script> <script type="text/javascript">//頁面加載完成后$(function(){$("#username").blur(function(){var usernamevalue = $("#username").val();//alert(usernamevalue)var url = "/jquery_ajax/load";$.ajax({url:url,data:{'username':usernamevalue},type:"post",dataType:"html",success:function(data){$("#username_span").html(data);}});});}); </script> </head> <body><input type="text" name="username" id="username" /><span id="username_span"></span><br /> </body> </html>服務(wù)端java代碼編寫
package com.niwotaxuexiba.servlet;import java.io.IOException;import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;public class LoadServlet extends HttpServlet {public void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException{//解決亂碼問題response.setContentType("text/html;charset=utf-8");//得到用戶名String username = request.getParameter("username");//判斷用戶名是否可用if(("tom").equals(username)){//用戶名不可以使用response.getWriter().write("用戶名被占用");}else{//用戶名可以使用response.getWriter().write("用戶名可以使用");}}public void doPost(HttpServletRequest request,HttpServletResponse response) throws IOException{doGet(request,response);} }web.xml配置
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5"><display-name>jquery_ajax</display-name><welcome-file-list><welcome-file>index.html</welcome-file><welcome-file>index.htm</welcome-file><welcome-file>index.jsp</welcome-file><welcome-file>default.html</welcome-file><welcome-file>default.htm</welcome-file><welcome-file>default.jsp</welcome-file></welcome-file-list><servlet><display-name>LoadServlet</display-name><servlet-name>LoadServlet</servlet-name><servlet-class>com.niwotaxuexiba.servlet.LoadServlet</servlet-class></servlet><servlet-mapping><servlet-name>LoadServlet</servlet-name><url-pattern>/load</url-pattern></servlet-mapping> </web-app>總結(jié)
以上是生活随笔為你收集整理的ajax向服务端发送请求验证用户名是否可用小示例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jQuery验证用户名是否可用
- 下一篇： sublime text常用快捷键及多行