【Jsp】Ajax提交数据不刷新页面

传统的网页基本都是通过get或者post提交数据，但是一旦提交，本页面就被刷新了，即便提交到本页面，原本用户修改的数据就被清空了，这个场景在用户注册时，体验是很糟糕的。

Ajax为此而生，它可以提交数据，而不刷新页面，甚至可以更新局部信息，以下用实例来讲解。

Ajax使用JavaScript来实现，不仅在Jsp中可用，PHP、Asp.Net中同样可以用

先建立一个接收数据的servlet，名称为ConMySql，Package为serveltPackage。

在doget中处理数据，注意数据库的操作仅作范例，需要根据实际的自己修改

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
{

    // TODO Auto-generated method stub

    //response.getWriter().append("Served at: ").append(request.getContextPath());

    String name = request.getParameter("id");

    PrintWriter out = response.getWriter();

    //这里是查询数据库，若不需要，则直接写死比较即可

    ClassMysql cml = new ClassMysql();

    cml.ConnectMysql("localhost:3306","JspTest", "root", "123456");

    ArrayList as = cml.SelectMysql("select * from JspTable");

    boolean isExist = false;

    try{

        for(int i=0;i
        {
            if(name.equals(as.get(i)[1])) 
            {
                out.write("NO"); 
                isExist = true;
                System.out.println("name " as.get(i)[2] "exist!");
            }  

        }

        if(!isExist)
        {

            out.write("OK");  
            System.out.println("name " name " not exist!");
        }

    } 

    finally 
    {
        out.close(); 
        cml.DisconnectMysql();
    }  

}

然后在web.xml中添加servelt配置

到这里servlet配置完毕。

再就是配置jsp页面了，使用JavaScript来实现Ajax提交数据局部更新。