用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程序设计有所帮助。