用ajax异步传输技术实现已注册用户的验证

最新推荐文章于 2021-03-13 05:05:27 发布

VIP文章 simple.

最新推荐文章于 2021-03-13 05:05:27 发布

阅读量197

点赞数

分类专栏：笔记文章标签： ajax

本文链接：https://blog.csdn.net/m0_45016353/article/details/111933436

版权

1.1首页index.jsp

代码如下（示例）：

--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  <a href="login.jsp">登录界面</a>
  <a href="login2.jsp">登录界面2</a>
  <a href="ajax2_1.html">登录界面2测试</a>
  <a href="ajax2_2.html">登录界面测试***</a>
  </body>
</html>

2.静态界面ajax2_1.html

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function ajaxaaa(){
   

            var acc = document.getElementById("acc").value;
            //根据不同的浏览器，实例化相应的异步对象
            var xmlhttp;  //它是ajax的核心对象
            if (window.XMLHttpRequest){
   
                //新的客户端环境
                xmlhttp = new XMLHttpRequest();
            }
            else{
   
                //旧的客户端环境
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }

            //建立和服务器的连接
            /*第1个参数：提交方式（get、post）
              第2个参数：请求的servlet
              第3个参数：同步or异步（true：异步   false：同步）
             */
            xmlhttp.open("get", "ajax2_1?acc="+acc,true);

            xmlhttp.send(); //发送请求

            //等待服务器响应完请求
            xmlhttp.onreadystatechange = function () {
   
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
   
                    var msg = xmlhttp.responseText;
                    document.getElementById("sp").innerHTML = msg;
                }
            }


        }
    </script>
</head>
<body>

<div

最低0.47元/天解锁文章

simple.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用ajax异步传输技术实现已注册用户的验证

1.1首页index.jsp代码如下（示例）：--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html> <head> <title>$Title$</title> </head> <body> <a href="login.jsp">登录界面</a> <a hr
复制链接

扫一扫