【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提交数据局部更新。