用ajax发送GET请求的方法
本文演示了Ajax如何发送GET请求,然后通过JSP页面接收处理:Ajax发送GET请求
这里有一个例子来演示Ajax发送GET请求,一个注册页面的特定要求的例子,当您完成用户名时,输入框在经过Ajax信息发送的后台验证后丢失了焦点,如果用户名不是通过验证来管理的,否则没有验证。
下一步查看JSP页面特定的信息:
复制代码代码如下所示:
用户帐户:
用户密码:
后台处理信息由servlet处理。
首先看一下web.xml配置信息
复制代码代码如下所示:
LoginServlet
login.loginservlet
LoginServlet
/ / LoginServlet servlet
然后看特定的servlet类的doGet方法
复制代码如下:public void doGet(HttpServletRequest请求,HttpServletResponse响应)
抛出IOException {返回,
response.setcontenttype(文本/ HTML;charaet = UTF-8);
PrintWriter = response.getwriter();
request.getparameter字符串(用户名);
System.out.println(人名);
如果(name.equals(admin))
out.print(假);
其他的
out.print(真的);
Out.flush();
Out.close();
}
在servlet类中做一个简单的验证。
在JSP的形式,一个事件,失去焦点设置在输入用户名,输入框,onblur事件。看看下面的Javascript代码。
复制代码代码如下所示:
/ /创建XMLHttpRequest
创建XMLHttpRequest对象的实例(){
如果(窗口。XMLHttpRequest){
返回新的XMLHttpRequest();
其他{ }
返回新的ActiveX对象(微软。XMLHTTP );
}
}
当用户帐户输入框失去焦点时,调用该方法
功能检查用户(obj){
获取输入框以输入值
无功用户= obj.value;
如果输入框为空,则弹出提示符,并让输入框集中。
如果(!用户){
警报()用户名不能为空!;
Obj.focus();
返回;
}
不是空的,使用Ajax请求发送回的信息,验证用户名是否可用。
获取请求字符串
var url =Servlet / loginservletusername =+用户;
/ /调用方法来创建XMLHttpRequest对象
XMLHttpRequest = createxmlhttprequest();
返回函数
XmlHttpRequest onreadystatechange =完成;
/ /初始化XMLHttpRequest
XmlHttpRequest.open(
发送请求
XmlHttpRequest.send(空);
}
返回函数
函数完成(){
如果(xmlhttprequest.readystate = = 4 { xmlhttprequest.status = = 200)
var result = xmlhttprequest.responsetext;
如果(结果= TRUE){
警报(用户名可用)!;
其他{ }
警报(用户名不可用)!;
}
}
}
希望本文能对大家的ajax程序设计有所帮助。