一个简单的Ajax登录例子

最新推荐文章于 2023-05-22 23:12:02 发布
最新推荐文章于 2023-05-22 23:12:02 发布
阅读量149 收藏
点赞数
分类专栏： ajax 文章标签： Ajax Servlet 浏览器 IE JavaScript ViewUI

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"οnclick=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>
标叔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax请求实现自动登录,Ajax实现登录案例
weixin_39517520的博客
08-05 387
Ajax登录案例，供大家参考，具体内容如下Msgpackage com.lbl.msg;public class Msg {String msg;int code;public Msg() {}public Msg(String msg, int code) {this.msg = msg;this.code = code;}public String getMsg() {return msg;}...
Ajax实现登陆
weixin_45743799的博客
10-25 911
用Ajax前后端分离实现一个简单的用户登录页面 先看一下页面效果图 账号和密码格式错误 格式正确但是用户名或密码错误（清空密码框内容，选中账号框全部内容） 程序详解： @： 对输入的账号和密码用正则表达式验证格式 @@： 格式错误会提示让你输入正确的格式 @@@： 验证输入的账号密码是否正确 @@@@： 不正确密码清空账号输入框的内容全部被选中 @@@@@： 账号和密码都正确会跳转到另外一个...
Ajax实现登录案例
10-14
主要为大家详细介绍了Ajax实现登录案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Ajax实现用户登录
m0_56557880的博客
11-09 6359
1.Ajax：定义 Ajax即Asynchronous(异步的) Javascript And XML，使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上 使用Ajax，使得前端和数据库实现交互，例如，在登录验证中，使得输入框旁边可以提示用户名是否存在 2.为什么使用Ajax 局部刷新，不重新加载网页的的情况下，对网页某个网页进行更新，提高性能。 3.语法： $.ajax使用方法 $.ajax({});中间添加内容，添加常用属性如下： 常用参数： 1、url 请求地址（相当于fo
简单易懂：Ajax入门实例详解（登录功能）
大三软件工程在读，喜爱编程，分享。
05-22 4028
Ajax（Asynchronous JavaScript and XML）是一种基于Web技术的编程实现方式，它使用JavaScript和XML来实现异步的数据交互。JavaScript负责发起请求和处理响应，而XML则负责将数据与页面分离。Ajax能够在不刷新整个页面的情况下更新页面内容，提高了页面的响应速度和用户体验。
一个简单的Ajax登录
qq_36972774的博客
07-21 1653
本人菜鸟一个，写博客是为了记录自己的成长历程。也许写的东西很简单，如果有人看到望勿喷！下面是我写这篇博客的经历。 昨天去一家公司面试，技术面试最后让我手写了一个登陆。当时我想到的就是用Ajax来实现。然后写了近半个小时，写完后个人感觉还行，前文也说了，本人是个菜鸟，今年刚毕业，学的东西很基础，其实之前连登陆都还没完整的写过。所以，昨天面试写完以后立刻就想回去用代码看能不能去实现。下面是我写的代码
Ajax 简单案例
qq_41179691的博客
02-19 1419
Ajax 发送 GET // 1、创建对象 var xhr = new XMLHttpRequest(); // 2、初始化 设置 请求方法 url 是否异步（true为异步） xhr.open('GET', 'http://127.0.0.1:8888/ajax', true); // 3、发送 xhr.send(); /* 4、回调（处理服务端返回的数据） readyState: 0: 请求未初始
简单ajax登陆例子，新手适用
06-26
这个“简单ajax登录例子”是一个非常适合初学者理解Ajax基本原理和使用方法的教程。在这里，我们将深入探讨Ajax如何与Servlet结合，实现用户无刷新登录验证。 1. **Ajax简介** Ajax的核心是JavaScript异步通信，它...
ajax编写简单的登录页面
10-20
接下来，我们看一个简单的AJAX登录页面实现步骤： 1. **HTML结构**：创建登录表单，包括用户名和密码输入框以及登录按钮。在这个例子中，使用了jQuery库来简化DOM操作。 ```html ; charset=utf-8"> 登录页面 ...
ajax实现简单登录
01-31
在本文中，我们将深入探讨如何使用Ajax技术实现一个简单的登录功能，特别适合初学者学习。Ajax，即异步JavaScript和XML（Asynchronous JavaScript and XML），允许我们在不刷新整个页面的情况下与服务器交换数据并...
AJAX登陆示例
02-28
AJAX登陆示例，使用VS2012创建的解决方案，直接运行Default.aspx即可查看效果。
Ajax案例(验证用户名,登录,获取服务器时间)
11-05
Ajax案例： 案例一：通过Ajax获取服务器时间； 案例二：通过Ajax验证用户名； 案例三：通过Ajax进行登录。
Java+ajax写的登录实例
10-20
这是一个用java+ajax写的登录实例，算法比较简单，给初学者学习用
ajax实现登录等操作
06-08
ajax实现异步登录及检测用户名
ajax实现简单登录页面
11-19
1. **创建 XMLHttpRequest 对象**：在 JavaScript 中，通过 `new XMLHttpRequest()` 创建一个对象。 2. **打开连接**：调用 `open()` 方法，指定请求类型（GET、POST）、URL 和是否异步执行。 3. **设置请求头**：...
ajax简单登录
06-22
**Ajax 简单登录详解** Ajax（Asynchronous ...总的来说，"ajax简单登录"是一个实用的功能，通过Ajax技术实现了无刷新的登录体验。在实际开发中，还需要考虑安全性、用户体验和其他功能的集成，以提供更完善的服务。
Ajax登录案例
水巷石子的博客
09-19 3343
Ajax登录案例 Msg package com.lbl.msg; public class Msg { String msg; int code; public Msg() { } public Msg(String msg, int code) { this.msg = msg; this.code = code; } public String getMsg() { return msg;
如何用ajax做登录页面,ajax如何制作登录页面？登录页面ajax的请求详解（附完整实例）...
weixin_35422396的博客
08-05 1500
本篇文章主要的讲述了关于ajax登录页面时ajax请求的内容，现在我们一起来看看这篇文章吧登录页面ajax请求一、登录验证提示信息//提交登录信息sub.on('click',function(e){e.preventDefault(); var username=$('.login_box #Account').val() var password=$('.login...
shiro ajax登录的简单例子，要包括.xml文件
最新发布
06-09
以下是基于 Shiro 的 Ajax 登录的简单示例，包括.xml文件： 1. 创建一个login.html页面，包括一个表单和jQuery代码： ...以上是一个基于 Shiro 的 Ajax 登录的简单示例，可以参考实现自己的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值