使用JQuery Ajax异步加载实现用户注册功能

一丶首先我们要在数据库中创建一个用户表(太过简单,这里就不写怎么创建了)

二丶使用Eclipse创建项目,并且根据MVC模式创建出将要使用的package包

三丶导入要使用的jar包

四丶在dao层丶service层分别创建相应的注册功能

public class Persondaoimpl implements Persondao {

private Connection conn;
private PreparedStatement stat;
private ResultSet rs;
private Personbean Personbean;

public List<Object> login(String name) {
  List<Object> list = new ArrayList<Object>();
  conn = DBHleper.conn();
  String sql = "select * from login where name=?";
  try {
   stat = conn.prepareStatement(sql);
   stat.setString(1, name);
   rs = stat.executeQuery();

   while (rs.next()) {
    Personbean = new Personbean();
    Personbean.setName(rs.getString("name"));
    list.add(Personbean);

   }
  } catch (SQLException e) {
   // TODO Auto-generated catch block
   e.printStackTrace();
  }

return list;
}

}

public class PersonServiceimpl implements PersonService {
Persondao person =new Persondaoimpl();

public List<Object> login(String name) {

return person.login(name);
}

}

五丶创建jsp页面

这里加入了jquery+ajax对数据库数据进行验证

  });
  function pdff() {
   var uname = $("#uname").val();

   $.ajax({
    type : "POST", //数据传输的方式
    url : "JsonConn", //进行判断的地址值
    data : "name=" + uname, //使用(key,value)方式传递数据
    dataType : "json", //文件类型
    success : function(data) {
     if (data.stucs == "0") {
      $(".pd").html("用户已存在");
     } else {
      $(".pd").html("用户可以注册");
     }

}

});
}
</script>

六丶JsonConn类(进行判断的servlet)

PrintWriter writer = response.getWriter();
  JSONObject jsonObject = new JSONObject();
  JSONArray jsonArray = new JSONArray();
  String name = request.getParameter("name");
  PersonServiceimpl person = new PersonServiceimpl();
  List<Object> login = person.login(name);
  System.out.println(login);
  if (login.size() > 0) {
   jsonObject.put("stucs", "0");
   jsonArray.add(jsonObject);

  } else {
   jsonObject.put("stucs", "1");
   jsonArray.add(jsonObject);
  }

writer.println(jsonObject);
}

七丶实现的效果

数据库中存在即提示存在不可注册,

不存在即提示可以注册的用户

使用JQuery Ajax异步加载实现用户注册功能

猜你喜欢