/**
*
* @author liang
*
需求:模拟注册校验:
*
1;jsp页面放置一个text文本框,当用户输入用户名,文本框失去焦点的时候,通过ajax访问服务器
*
2:servlet模拟从数据库中查出用户是否存在,返回给jsp页面一个信息,
*
3:jsp页面显示服务器传送过来的信息
*/
jsp页面:
用户名:
js脚本:
//得到浏览器的xmlHttpRequest对象
function createXmlHttpRequest(){
var xmlHttp ;
try{
//适用于大部分的浏览器
xmlHttp = new XMLHttpRequest();
}catch(e){
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp = new ActiveXOject("Microsoft.XMLHTTP");
}catch(e){
throw e;
}
}
}
return xmlHttp;
}
function sendmessage (){
//四步
//1:得到XMLHttpRequest对象
var xmlHttp = createXmlHttpRequest();
//打开与浏览器的连接,因为要发送数据,所以才用post请求
xmlHttp.open("POST","Login_servlet",true);
//设置请求的格式
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//发送数据
var username = document.getElementById("username").value;
xmlHttp.send("username="+username);
//得到服务器的响应,并显示在页面上
xmlHttp.onreadystatechange = function(){
if(xmlHttp.status == 200 && xmlHttp.readyState == 4){
if(xmlHttp.responseText == true)
document.getElementById("warn").innerHTML = "该用户已经被注册!!!";
else
document.getElementById("warn").innerHTML = xmlHttp.responseText;
}
}
}
servlet的post方法:
public class Login_servlet extends HttpServlet { /** * @see HttpServlet#doPost(HttpServletRequest request,HttpServletResponse response) */ protected void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException { // TODO Auto-generated method stub request.setCharacterEncoding("utf-8"); response.setContentType("text/html;charset=utf-8"); String username = request.getParameter("username"); if(username.trim().equals("admin")){ response.getWriter().print("合法用户,可以登陆!!!"); response.getWriter().flush(); }else{ response.getWriter().print("你是土匪派过来,砸场子的吧"); response.getWriter().flush(); } if(response.getWriter()!= null) response.getWriter().close(); } }
总结
以上是编程之家为你收集整理的ajax之判断用户名是否被注册全部内容,希望文章能够帮你解决ajax之判断用户名是否被注册所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。