ajax异步提交 java_AJAX异步提交

ajax实时验证用户名是否存在

1、jsp页面

pageEncoding="UTF-8"%>

ajax验证用户名是否可用

var xmlHttp = null;

function checkUserName(){

var userName = document.getElementById("userName").value;

if(window.ActiveXObject){

// 申明XMLHttpRequest对象，针对较低版本的IE(5，6，7)

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}else{

// 申明XMLHttpRequest对象，针对较高版本的IE(8+，以及主流浏览器)

xmlHttp = new XMLHttpRequest();

}

// get方式提交，带参数，异步

xmlHttp.open("get","ajax?userName="+userName,true);

// 调用回调函数

xmlHttp.onreadystatechange = callback;

xmlHttp.send();

}

// 回调函数

function callback(){

if(xmlHttp.readyState == 4){

if(xmlHttp.status == 200){

// xmlHttp.responseText，获取后台返回信息

document.getElementById("label").innerHTML = xmlHttp.responseText;

}else{

alert("AJAX服务器返回错误！");

}

}

}

function checkForm(){

if(document.getElementById("label").innerHTML != "用户名可用"){

document.getElementById("userName").focus();

return false;

}

return true;

}

用户名：

密码：

2、web.xml

AjaxServlet

com.servlet.AjaxServlet

AjaxServlet

/ajax

3、servletpackage com.servlet;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class AjaxServlet extends HttpServlet {

private static final long serialVersionUID = 1L;

protected void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

this.doPost(request, response);

}

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

request.setCharacterEncoding("UTF-8");

response.setContentType("text/html;charset=UTF-8");

PrintWriter out = response.getWriter();

String userName = request.getParameter("userName");

if(userName.equals("admin")){

out.print("用户名已经存在");

}

else if (userName.length() == 0) {

out.print("用户不能为空");

}

else if (userName.indexOf(" ") > 0) {

out.print("用户不能含有空格");

}

else if (userName.length() > 10 || userName.length() < 4) {

out.print("用户长度在4-10之间");

}

else {

out.print("用户名可用");

}

out.flush();

out.close();

}

}

本文原创发布php中文网，转载请注明出处，感谢您的尊重！