Ajax简单应用例子_ajax简单例子-CSDN博客

本文链接：https://blog.csdn.net/Mandel19/article/details/2253555

我认为Ajax其实就是javaScript,换汤不换药
在js代码部分我是这样做的
js部分我用三个function来进行验证
首先要定义一个全局变量xmlHttp
再定义第一个function createXmlHttpRequest()
这个function是用来得到xmlRequest对象的,由于xmlHttpRequest不是一个标准的对象
所以我们要根据不同的浏览器定义不同的对象
如果是firefox
if(window.XMLHttpRequeset)
{
xmlHttp=new XMLHttpRequest;
}else if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Mirosoft.XMLHTTP");
}
然后下一个function就是checkusername(username)
这个function负责把信息的传递
//首先要建立xmlHttpRequest对象
createXmlHttpRequest;
//确定路径
var url="项目名/servlet?username="+username;
//打开连接(三个参数分别为1.以get方式提交2.提交路径3.是否异步传输 true为是)
xmlHttp.open("GET",url,true);
//接下来就是监控执行状态执行callback是接下来的function,便callback不能写成callbakc()否则报错
xmlHttp.xmlstatechange=callback;
//接下来就是发送了
xmlHttp.send(null);

接下来就是function callback()
//判定执行的状态(readyState一共有5个,0未初始化1正在加载2已加载3交互中4完成)
if(xmlHttp.readyState==4)//如果已完成加载
{
//判定status:服务器的HTTP状态码（200对应OK，404对应Not Found（未找到），等等）
if(xmlHttp.status==200)
{
  //得到返回的信息
  var res=xmlHttp.responseText
  //根据返回的信息输出不同信息
  if(res==true)
  {
   document.getElementById(div层的ID).innerHTML="<font color=red>用户名已存在</font>";
  }else
  {
   document.getElementById(div层的ID).innerHTML="<font color=green>用户名不存在,可以继续注册</font>";
  }
}
}

接下来就是页面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
<head>
    <title>测试Ajax</title>
    <script src="js/js文件名" language="javascript"></script>
</head>

<body>
    <h3>请输入用户名: </h3><input type="text" name="username" id="name" οnblur="checkusername(this.value)">
<br>
<div id="content"></div>
</body>
</html>

最后就到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 LoginSservlet extends HttpServlet {
public void service(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
  String userName=request.getParameter("username");
  System.out.println("用户名: "+userName);
  PrintWriter out=response.getWriter();
  if(userName.equals("mandel"))
  {
   out.print("true");
  }else
  {
   out.print("false");
  }
}

}