Ajax登陆实例

原创 2007年09月17日 17:00:00

index.jsp文件:

代码
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
  2. <html>  
  3.   <head>  
  4.   <script>  
  5.     //设一个变量    
  6.     var XMLHttpReq=false;   
  7.         //创建一个XMLHttpRequest对象   
  8.     function createXMLHttpRequest(){   
  9.            if(window.XMLHttpRequest){ //Mozilla    
  10.             XMLHttpReq=new XMLHttpRequest();   
  11.         }   
  12.            else if(window.ActiveXObject){   
  13.            try{   
  14.                XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");   
  15.            }catch(e){   
  16.                        try{   
  17.                     XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");   
  18.                   }catch(e){}   
  19.                                     }   
  20.                                 }   
  21.                             }   
  22.         //发送请求函数   
  23.     function send(url){   
  24.              createXMLHttpRequest();   
  25.         XMLHttpReq.open("GET",url,true);   
  26.         XMLHttpReq.onreadystatechange=proce;   //指定响应的函数   
  27.         XMLHttpReq.send(null);  //发送请求   
  28.             }   
  29.     function proce(){   
  30.         if(XMLHttpReq.readyState==4){ //对象状态   
  31.         if(XMLHttpReq.status==200){//信息已成功返回,开始处理信息   
  32.         var res=XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data;   
  33.         window.alert(res);   
  34.         }else{   
  35.             window.alert("所请求的页面有异常");   
  36.         }   
  37.         }   
  38.     }   
  39.         //身份验证    
  40.     function check(){   
  41.         var name=document.getElementById("name").value;   
  42.         if(name==""){   
  43.             alert("请输入内容");   
  44.             return false;   
  45.             }   
  46.             else{   
  47.                 send('login?name='+name);   
  48.                 }   
  49.             }   
  50.                        
  51.         </script>  
  52.   </head>  
  53.   <body>  
  54.     <form action="login" method="post">  
  55.         <tr><td>姓名: <input id="name" type="text" name="name"/>  
  56.          <input type="button" value="检测" onClick="check()"/>  
  57.         </td>  
  58.         </tr>          
  59.      </form>       
  60.   </body>  
  61. </html>  

 

TestA.java这是一个Servlet文件:

代码
  1. package tt;   
  2. import java.io.IOException;   
  3. import java.io.PrintWriter;   
  4.   
  5. import javax.servlet.ServletException;   
  6. import javax.servlet.http.HttpServlet;   
  7. import javax.servlet.http.HttpServletRequest;   
  8. import javax.servlet.http.HttpServletResponse;   
  9.   
  10. public class TestA extends HttpServlet {   
  11.   
  12.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {          
  13.         request.setCharacterEncoding("utf-8");   
  14.         String name=request.getParameter("name");   
  15.            
  16.         response.setContentType("text/xml; charset=utf-8");   
  17.         response.setHeader("Cache-Control","no-cache");   
  18.         PrintWriter out=response.getWriter();   
  19.         out.println("<pront>");   
  20.         if(name.equals("and4walker")){   
  21.             out.println("<content>"+"对不起,此名已经注册"+"</content>");   
  22.         }else{   
  23.             out.println("<content>"+"可以注册"+"</content>");   
  24.         }   
  25.         out.println("</pront>");   
  26.         out.close();   
  27.     }   
  28.   
  29. }   
  30.   

 

web.xml文件:

代码
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app version="2.4"    
  3.     xmlns="http://java.sun.com/xml/ns/j2ee"    
  4.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"    
  5.     xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee    
  6.     http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">  
  7.   
  8.     <servlet>  
  9.         <servlet-name>login</servlet-name>  
  10.         <servlet-class>tt.TestA</servlet-class>  
  11.     </servlet>  
  12.        
  13.     <servlet-mapping>  
  14.         <servlet-name>login</servlet-name>  
  15.         <url-pattern>/login</url-pattern>  
  16.     </servlet-mapping>  
  17. </web-app>  
  18.   
 

ajax+php技术的登陆实例

  • 2008年06月11日 19:33
  • 3KB
  • 下载

Structs2+Ajax(登陆+验证码实例)

我个人认为Structs的标签确实有点丑,而且与jsp结合比较紧密,在html页面中是不能使用的,但是有些人偏爱html,我就是其中的一个,所以这个时候就用到了ajax。其实你在form中的actio...

ajax登陆

  • 2007年05月22日 11:42
  • 132KB
  • 下载

网站登陆时校验码的ajax实现

  • 2009年08月01日 17:23
  • 163KB
  • 下载

ajax验证用户登陆及记住密码

一个人独自负责一个项目,正好记下以前没实现过的技术点,今天就从登陆功能开始,前端是js验证,后端是php脚本验证并且添加了记住密码功能。 从上图可以看出,前端 西安嘉信铁路器材有限公司(w...

ajax模拟 登陆及判断用户名

  • 2013年05月10日 16:30
  • 31KB
  • 下载

微信扫码登陆整合shiro 跨域ajax对cookie处理

管理端登录业务逻辑 服务器提供非授权接口获取appid、redirectUrl参数 前端通过引用js文件,加载页面时生成微信二维码 window.onload = (function wxLogin(...

ajax无刷新加载登陆注册

  • 2016年07月30日 11:32
  • 41KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax登陆实例
举报原因:
原因补充:

(最多只允许输入30个字)