求解为什么ajax没有反应 错在哪了？

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="commom/jquery-1.7.2.js"></script>
<script type="text/javascript">
function getXmlHttpRequest() {
var xhr = null;

if (typeof XMLHttpRequest != 'undefined') {
xhr = new XMLHttpRequest();

} else {
xhr = new ActiveXObject('Mixrosoft.XMLHttp');

}
alert("1");
return xhr;
} function f1() {
var xhr = getXmlHttpRequest();
alert(xhr); } function check_username() {
var xhr = getXmlHttpRequest();
alert("2");
xhr.open('get','check_username.do?username='+$('#username'),true);
alert("3");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
var text = xhr.responseText;
$('username_msg').innerHTML = text;
} else {
$('username_msg').innerHTML = "系统错误,稍后重试";
}
} else {
$('username_msg').innerHTML = "正在验证";
}
xhr.send(null);
}
} function check_username2() {
var xhr = getXmlHttpRequest();
xhr.open('post', 'check_username.do', true);
xhr.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
var text = xhr.responseText;
$('username_msg').innerHTML = text;
} else {
$('username_msg').innerHTML = "系统错误,稍后重试";
}
} else {
$('username_msg').innerHTML = "正在验证";
}
}
xhr.send('username=' + $F('username'));
}
</script>
</head><body>
<!-- <a href="#" onClick="f1()">获得xmlhttprequest对象</a> -->
<form action="" method="get">
用户名：<input type="text" name="username" id="username"
onBlur="check_username()"> <span id="username_msg"></span><br />
密码：<input type="password" name="pwd" id="pwd"><br /> <input
type="submit" value="提交">
</form>
</body>
</html>

解决方案 »

  1.   

    package 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 Check_username extends HttpServlet
    {
    private static final long serialVersionUID = 1L; public Check_username()
    {
    super();
    } protected void doGet(HttpServletRequest request,
    HttpServletResponse response) throws ServletException, IOException
    {
    this.doPost(request, response);
    } protected void doPost(HttpServletRequest request,
    HttpServletResponse response) throws ServletException, IOException
    {
    String uri = request.getRequestURI();
    String path = uri.substring(uri.lastIndexOf("/"), uri.lastIndexOf("."));
    response.setCharacterEncoding("text/html;charset:UTF-8");
    PrintWriter pw = response.getWriter();
    if (path.equals("/check_username"))
    {
    String username = request.getParameter("username");
    System.out.println("username=" + username);
    if(username.equals("zs"))
    {
    pw.print("用户名被占用了！");
    }
    else
    {
    pw.print("恭喜你这个名字可以使用");
    }

    }
    pw.close();
    }}
      

  2.   

    xhr.open('get','check_username.do?username='+$('#username'),true);这句有错吗？
      

  3.   

    <form action="" method="get">
    你的form提交的action没有。
      

  4.   

    <form action="" method="get">
    你的form提交的action没有。