`

一个简单的Ajax登录例子

    博客分类：
  • ajax
AjaxServlet浏览器IEJavaScript 
阅读更多

1.view（loginAjax.jsp)

Code:
  1. <%@pagecontentType="text/html;charset=UTF-8"language="java"%>
  2. <head>
  3. <METAhttp-equiv=Content-Typecontent="text/html;charset=UTF-8">
  4. </head>
  5. <scriptlanguage="javascript">
  6. varXMLHttpReq=false;
  7. //创建XMLHttpRequest对象
  8. functioncreateXMLHttpRequest(){
  9. if(window.XMLHttpRequest){//Mozilla浏览器
  10. XMLHttpReq=newXMLHttpRequest();
  11. }elseif(window.ActiveXObject){//IE浏览器
  12. try{
  13. XMLHttpReq=newActiveXObject("Msxml2.XMLHTTP");
  14. }catch(e){
  15. try{
  16. XMLHttpReq=newActiveXObject("Microsoft.XMLHTTP");
  17. }catch(e){
  18. }
  19. }
  20. }
  21. }
  22. //发送请求函数
  23. functionsendRequest(url){
  24. createXMLHttpRequest();
  25. XMLHttpReq.open("GET",url,true);
  26. XMLHttpReq.onreadystatechange=processResponse;//指定响应函数
  27. XMLHttpReq.send(null);//发送请求
  28. }
  29. //处理返回信息函数
  30. functionprocessResponse(){
  31. if(XMLHttpReq.readyState==4){//判断对象状态
  32. //window.alert(XMLHttpReq.status);测试
  33. if(XMLHttpReq.status==200){//信息已经成功返回，开始处理信息
  34. varres=XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;
  35. window.alert(res);
  36. }else{//页面不正常
  37. window.alert("您所请求的页面有异常。");
  38. }
  39. }
  40. }
  41. //身份验证函数
  42. functionuserCheck(){
  43. varuname=document.myform.uname.value;
  44. varpsw=document.myform.psw.value;
  45. if(uname==""){
  46. window.alert("用户名不能为空。");
  47. document.myform.uname.focus();
  48. returnfalse;
  49. }else{
  50. sendRequest('loginAjax?uname='+uname+'&psw='+psw);
  51. }
  52. }
  53. </script>
  55. <bodyvLink="#006666"link="#003366"bgColor="#E0F0F8">
  56. <imgheight="33"src="<%=request.getContextPath()%>/images/enter.gif"
  57. width="148">
  59. <formaction=""method="post"name="myform">
  60. 用户名：<inputsize="15"name="uname">
  61. <p>密码：<inputtype="password"size="15"name="psw">
  62. <p><inputtype="button"value="登录Ajax"onclick=userCheck();>
  63. </form>

2.p21.loginAction.java

Code:
  1. packagep21;
  3. importjava.io.IOException;
  4. importjava.io.PrintWriter;
  5. importjavax.servlet.ServletConfig;
  6. importjavax.servlet.ServletException;
  7. importjavax.servlet.http.HttpServlet;
  8. importjavax.servlet.http.HttpServletRequest;
  9. importjavax.servlet.http.HttpServletResponse;
  12. publicclassLoginActionextendsHttpServlet{
  14. privatestaticfinallongserialVersionUID=1L;
  15. publicvoidinit(ServletConfigconfig)throwsServletException{
  16. }
  18. /*
  19. *处理<GET>请求方法.
  20. */
  21. protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
  22. throwsServletException,IOException{
  23. //设置接收信息的字符集
  24. request.setCharacterEncoding("UTF-8");
  25. //接收浏览器端提交的信息
  26. Stringuname=request.getParameter("uname");
  27. Stringpsw=request.getParameter("psw");
  28. //设置输出信息的格式及字符集
  29. response.setContentType("text/xml;charset=UTF-8");
  30. response.setHeader("Cache-Control","no-cache");
  31. //创建输出流对象
  32. PrintWriterout=response.getWriter();
  33. //依据验证结果输出不同的数据信息
  34. out.println("<response>");
  35. System.out.println("来到servlet");
  36. if(uname.equals("nothing")&&psw.equals("123")){
  37. out.println("<res>"+"热烈的欢迎您!"+"</res>");
  38. }else{
  39. out.println("<res>"+"对不起,登录失败！"+"</res>");
  40. }
  41. out.println("</response>");
  42. out.close();
  43. }
  44. /*
  45. *处理<POST>请求方法.
  46. */
  47. protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
  48. throwsServletException,IOException{
  49. doGet(request,response);
  50. }
  51. }

3.web.xml配置

Code:
  1. <servlet>
  2. <servlet-name>loginAjax</servlet-name>
  3. <servlet-class>p21.LoginAction</servlet-class>
  4. </servlet>
  5. <servlet-mapping>
  6. <servlet-name>loginAjax</servlet-name>
  7. <url-pattern>/loginAjax</url-pattern>
  8. </servlet-mapping>
分享到：
| 简单易懂的组播（课本）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    SpringBoot使用Ajax实现登录

    SpringBoot使用Ajax实现登录例子

    ajax+php技术的登陆实例

    一个简单的ajax例子，用php实现。理解ajax技术很有帮助。

    JSF登录+AJAX注册例子（含mysql数据文件）

    包含一个工程，里面有使用JSF登录的简单页面和应用了简单AJAX技术的注册页面，供初学者参考用

    Ajax DRW的简单例子 源码

    这是myeclipse的workspace下的项目文件夹 直接打成的压缩包 解压导入即可或者自己根据web.xml,drw.xml进行修改

    JSP结合ajax技术实现无刷新登录程序.rar

    JSP结合ajax技术实现网站用户的无刷新登录程序，除了Ajax登录功能外，没有其它功能，主要用来学习JSP中的Ajax技术，可做为一个简单的例子。

    ajax小例子

    这是用ajax做的用户登录的这一块小东西，有简单的注释

    asp.net+ajax 写的无刷新登录技术（没有使用C#的控件）

    asp.net+ajax 写的无刷新登录技术的例子，没有使用C#的控件，代码很完整，可以直接使用，//声明XMLHttpRequest对象 var xmlHttp;//创建XMLHttpRequest对象 function createXMLHTTP()

    ssh+ajax+dwr_freemarker

    注册登录...简单基础的SSH，初学者最容易上手的例子！用到ajax,dwr,freemarket主流技术...

    ajax经典实例大全

    比较全面的ajax学习，适合于新手,包含内容包含如下： 第一章 动态加载数据 1.1动态加载的FAQ 1.2根据邮政编码获取地区信息 1.3动态树形列表 1.4多级联动菜单 1.5条件设置向导 1.6页面关键词提示 第二章 改善...

    【卷一/共两卷】AJAX实战pdf高清版90M

    11.3 Ajax登录 11.3.1 用户表 11.3.2 服务器端的登录代码：用Java实现 11.3.3 客户端登录框架 11.4 实现DHTML窗口 11.4.1 门户窗口数据库 11.4.2 门户窗口的服务器端代码 11.4.3 添加外部JS库 11.5 添加Ajax自动保存...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    程序描述：本章模仿Google ig，使用Ajax技术实现一个个性化主页系统。通过拖拽方式设置主页，当完成拖拽窗口时，自动保存布局，使用户可以随时根据喜好来设置布局。 /login.jsp 登录页面 /homepage.jsp ...

    .net邮箱验证，登录注册简单例子

    使用.net三层框架，含有客户端判断的js代码，使用AJAX异步请求实现登陆、注册用户名判重。使用js以及c#实现邮件发送验证码校验。

    简单示例AJAX结合PHP代码实现登录效果代码

    比较简单的通过ajax+php实现登陆功能，这是个简单的例子，固定字符，实际应用中可以从数据库中读取

    Ajax局部刷新应用案例---简单登录

    Ajax局部刷新在之前的文章中也有介绍过，下面以一个登录的例子为大家介绍下其具体的使用

    使用PHPRPC实现Ajax安全登录第1/2页

    PHPRPC 与其它 ajax 框架不同，PHPRPC 遵循的是“只做一件事，并把它做好”的原则。它只负责数据传输，并且将... 下 面我们举一个最简单的例子（甚至可以算是无聊的例子 ）来说明如何使用 PHPRPC 3.0 编写 ajax 应用

    c#.net 无刷新提交 ajax 初始化html控件值

    看了N多的关于无刷新登录和AJAX的文章，没一个例子让新手好懂的。我这一菜鸟飞了半天才终于搞懂，希望这个例子能给新手一些帮助。 另外，对于html控件怎么在aspx.cs中引用及初始化，其实很简单，就是要定义该控件...

    asp.net mvc 人个博客系统，融合多样技术，是学习的好例子

    12.后台大加使用ajax, 用户操作简单，体验性好。 13.收入百度编辑器，管理文章，图片和附件超方便。 第二版会添加 动态内容国际化，QQ登录，手机短信通知，二级域名绑定，API支持Android和IOS客服端等，尽请期待。

    JAVA上百实例源码以及开源项目

    　一个Java+ajax写的登录实例，附有JAVA源文件，JAVA新手朋友可以学习一下。 JAVA+JSP的聊天室 8个目标文件 简单 JavaScript万年历 显示出当前时间及年份，还可以选择年份及月份和日期 Java编写的HTML浏览器 一个...

    JAVA上百实例源码以及开源项目源代码

    数字证书：从文件中读取数字证书，生成文件输入流,输入文件为c:/mycert.cer，获取一个处理X.509证书的证书工厂…… Java+ajax写的登录实例 1个目标文件 内容索引:Java源码,初学实例,ajax,登录 一个Java+ajax写的...

    java源码包---java 源码 大量 实例

    　一个Java+ajax写的登录实例，附有JAVA源文件，JAVA新手朋友可以学习一下。 JAVA+JSP的聊天室 8个目标文件 简单 JavaScript万年历 显示出当前时间及年份，还可以选择年份及月份和日期 Java编写的HTML浏览器 一...

Magicbox
Global site tag (gtag.js) - Google Analytics