研究了几天，网上的例子大部分都很复杂，不适合新手学习和理解，自己整合这几天学习的知识，用原生的ajax知识浅显易懂地实现了这个功能，现在分享出来一起学习：
<%@ page language="java" contentType="text/html; charset=gb2312"pageEncoding="gb2312"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>原生的ajax</title><script type="text/javascript">var xmlhttp;//创建XMLHttpRequest对象function createXMLHttpRequest() {try {//针对IE5、IE5.5、IE6xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");} catch (e) {try {//针对IE5、IE5.5、IE6xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (e) {try {//针对FireFox、Mozillar、Opera、Safari、IE7、IE8xmhttp = new XMLHttpRequest();//创建XMLHttpRequest对象if (xmlhttp.overrideMimeType) {//修正某些浏览器的BUGxmlhttp.overrideMimeType("text/xml");}} catch (e) {}}}}function ajaxsub(t) {//创建一个XmlHttpRequest对象(js内置对象)createXMLHttpRequest();if (xmlhttp != null) {//判断XMLHttpRequest是否创建成功var url = "http://localhost:8080/Test5/AjaxServlet";//1.是http请求的方式 POST和GET//2.是服务器的地址,可以一个servlet//3.是采用同步还是异步，true为异步xmlhttp.open("POST", url, true);//post请求要自己设置请求头 注意顺序xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");xmlhttp.onreadystatechange = callfun; //注册回调函数 callfun对应一个js的函数名字,这个函数由我们自己定义//发送请求 一会在servlet中获取的username值就是这里的xmlhttp.send("username="+t.value);} else {alert("不能创建XMLHttpRequest对象实例")}}//回调函数function callfun() {//获取服务器返回的数据//回调函数里面会执行多次,次数取决建立连接的时间和建立连接成功之后服务器处理的时间//获取与服务器建立连接是否成功if (xmlhttp.readyState == 4) {if (xmlhttp.status == 200) {//服务器已经成功处理请求，并返回数据var serviceData = xmlhttp.responseText;//获取服务器返回的文本数据//alert("服务器返回的数据是:" + serviceData);var vs = "";if (serviceData == "1") {vs = "不可以注册";} else {vs = "可以注册";}document.getElementById("msg_info").innerHTML = vs;}}}</script></head><body>用户名:<input type="text" name="username" onblur="ajaxsub(this)"><label id="msg_info"></label></body></html>
这个地方有不懂的地方可以去看一下我ajax前两篇文章 ，还有这里的编码注意一下，我的是gb2312，你们用自己的编码
import java.io.IOException;import java.io.PrintWriter;import java.sql.Connection;import java.sql.DriverManager;import java.sql.ResultSet;import java.sql.Statement;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;/*** Constructor of the object.*/public AjaxServlet() {super();}public void destroy() {super.destroy(); // Just puts "destroy" string in log// Put your code here}public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request, response);}public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");String name=request.getParameter("username");PrintWriter out=response.getWriter();//获取数据库的数据String sql="select * from user where username ='"+name+"' ";System.out.println(sql);try {Class.forName("com.mysql.jdbc.Driver");Connection c=DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/testdriver?characterEncoding=utf-8","root","2988");Statement s=c.createStatement();ResultSet rs=s.executeQuery(sql);if(rs.next()){out.print(1);}else{out.print(0);}} catch (Exception e) {// TODO Auto-generated catch blocke.printStackTrace();}out.flush();out.close();}public void init() throws ServletException {// Put your code here}}
连接数据库这里，出现了一个小bug，贴出解决方法，大家也要注意
然后运行会报错：
如果sql语句后面的name是整型就没事，字符串类型必须要在引号内，所以这样改就不报错了
再次运行：
看一下我的数据库user表：
