JSP_jsp+ajax发送GET请求的方法,本文实例讲述了ajax发送GET请求
<td><input type="text" onblur="checkUser(this)"/></td>
return new ActiveXObject("Microsoft.XMLHTTP");
在JSP的表单中,对输入用户名称的输入框设置了失去焦点的事件,也就是onblur事件。下面看javascript代码。
复制代码 代码如下:
//get请求字符串}
var result = XmlHttpRequest.responseText;
这里后台处理信息用的是Servlet进行处理
if(!user){}
alert("用户名不能为空!");
//回调函数
XmlHttpRequest.onreadystatechange=finish;
}
}
}else{
function createXmlHttpRequest(){
</script> XmlHttpRequest.open("GET",url,true);
</tr>
复制代码 代码如下:
elsePrintWriter out = response.getWriter();
</table>
<servlet-name>LoginServlet</servlet-name>
在Servlet类中做一个简单的验证。
</form> out.print(false);//获取输入框输入的值
if(XmlHttpRequest.readyState == 4&& XmlHttpRequest.status == 200){
String name=request.getParameter("username");
<td><input type="submit" value="注册"/></td>
然后看具体的servlet类的doGet方法
</servlet>
<url-pattern>/servlet/LoginServlet</url-pattern>
} alert("用户名可用!");
var url="servlet/LoginServlet?username="+user;
<servlet-name>LoginServlet</servlet-name>
<tr>
<servlet-class>login.LoginServlet</servlet-class>
out.print(true);
复制代码 代码如下:
function checkUser(obj){下面先看JSP页面具体信息:
复制代码 代码如下:
<td>用户账号:</td>//如果输入框中的值为空,那么弹窗提示,并且让该输入框获得焦点
out.close();
response.setContentType("text/html;charaet=UTF-8");
<tr>
return new XMLHttpRequest();
<td><input type="password"/></td>
<script type="text/javascript">
</servlet-mapping>
if(window.XMLHttpRequest){
out.flush();
这里用一个实例演示Ajax发送get请求,实例具体要求为一个注册页面,当用户填写完用户名称时,该输入框失去焦点后会通过Ajax向后台发送验证信息,如果用户名不是admin则通过验证,否则不通过验证。
<tr>}
//当用户账号输入框失去焦点时调用该方法
if(result =="true"){
</tr>
<td><input type="reset" value="重置"></td>
function finish(){
</tr>
<servlet-mapping>
}
//设置回调函数
}
//创建XMLHttpRequest
public void doGet(HttpServletRequest request, HttpServletResponse response)
<form action="servlet/LoginServlet" method="post">
throws ServletException, IOException {
<servlet>
<td>用户密码:</td>
XmlHttpRequest.send(null);
var user = obj.value;
//发送请求
}else{
首先看web.xml配置信息
System.out.println(name);
obj.focus();
alert("用户名不可用!");
XmlHttpRequest = createXmlHttpRequest();
if(name.equals("admin"))
return;
//初始化xmlhttprequest
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jiaob/jsp/5681.shtml
