| 标题 | jsp+ajax发送get请求的方法 |
| 内容 | 本文实例讲述了ajax发送get请求，然后通过jsp页面来接收处理的实现方法。分享给大家供大家参考。具体实现方法如下： ajax发送get请求 这里用一个实例演示ajax发送get请求，实例具体要求为一个注册页面，当用户填写完用户名称时，该输入框失去焦点后会通过ajax向后台发送验证信息，如果用户名不是admin则通过验证，否则不通过验证。 下面先看jsp页面具体信息： 代码如下: <form action=servlet/loginservlet method=post> <table> <tr> <td>用户账号：</td> <td><input type=text name=username onblur=checkuser(this)/></td> </tr> <tr> <td>用户密码：</td> <td><input type=password name=password/></td> </tr> <tr> <td><input type=submit value=注册/></td> <td><input type=reset value=重置></td> </tr> </table> </form> 这里后台处理信息用的是servlet进行处理 首先看web.xml配置信息 代码如下: <servlet> <servlet-name>loginservlet</servlet-name> <servlet-class>login.loginservlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>loginservlet</servlet-name> <url-pattern>/servlet/loginservlet</url-pattern> </servlet-mapping> 然后看具体的servlet类的doget方法 代码如下: public void doget(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception { response.setcontenttype(text/html;charaet=utf-8); printwriter out = response.getwriter(); string name=request.getparameter(username); system.out.println(name); if(name.equals(admin)) out.print(false); else out.print(true); out.flush(); out.close(); } 在servlet类中做一个简单的验证。 在jsp的表单中，对输入用户名称的输入框设置了失去焦点的事件，也就是onblur事件。下面看javascript代码。 代码如下: <script type=text/javascript> //创建xmlhttprequest function createxmlhttprequest(){ if(window.xmlhttprequest){ return new xmlhttprequest(); }else{ return new activexobject(microsoft.xmlhttp); } } //当用户账号输入框失去焦点时调用该方法 function checkuser(obj){ //获取输入框输入的值 var user = obj.value; //如果输入框中的值为空，那么弹窗提示，并且让该输入框获得焦点 if(!user){ alert(用户名不能为空！); obj.focus(); return; } //不为空时，使用ajax请求向后台发送信息，验证该用户名是否可用 //get请求字符串 var url=servlet/loginservlet?username=+user; //调用方法创建xmlhttprequest对象 xmlhttprequest = createxmlhttprequest(); //设置回调函数 xmlhttprequest.onreadystatechange=finish; //初始化xmlhttprequest xmlhttprequest.open(get,url,true); //发送请求 xmlhttprequest.send(null); } //回调函数 function finish(){ if(xmlhttprequest.readystate == 4&& xmlhttprequest.status == 200){ var result = xmlhttprequest.responsetext; if(result ==true){ alert(用户名可用！); }else{ alert(用户名不可用！); } } } </script> 希望本文所述对大家的jsp+ajax程序设计有所帮助。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。