“21天好习惯”第一期－1

                       ajax实现无刷新新用户名验证  

      实现无刷新用户名验证。当用户名文本框失去焦点时，发送请求到服务器，判断用户名是否存在，如果已经存在提示 “用户名已被使用”，如果不存在则提示 “用户名可以使用”。

1.前后端用json交换数据。

2.同时用原生js和jquery库两种方式实现

 

CheckUserName.java

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.sql.SQLException;
import java.util.List;

@WebServlet(name = "CheckUserName", value = "/CheckUserName")
public class CheckUserName extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("text/html");
        String[] user={};
        BookDao bookDao=new BookDao();
        try {
            List<Book> all = bookDao.findAll();
            for(int i=0;i<all.size();i++){
                user[i]=all.get(i).getBookname();
            }
        } catch (SQLException e) {
            e.printStack