无任何框架下的Ajax应用Demo

最新推荐文章于 2020-12-02 04:35:21 发布

virtualjxc

最新推荐文章于 2020-12-02 04:35:21 发布

阅读量448

点赞数

分类专栏： Ajax 文章标签： ajax 框架 xmlhttprequest button import login

本文链接：https://blog.csdn.net/virtualjxc/article/details/3255891

版权

Ajax 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

无任何框架下的Ajax应用Demo

 
 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <script>
    
    //设一个变量 
    
    var XMLHttpReq=false;
        //创建一个XMLHttpRequest对象 
        function createXMLHttpRequest(){
                if(window.XMLHttpRequest){ //Mozilla  
                    XMLHttpReq=new XMLHttpRequest();
                    }
                    else if(window.ActiveXObject){
                        try{
                            XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
                            }catch(e){
                                try{
                                    XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
                                    }catch(e){}
                                    }
                                }
                            }
        //发送请求函数 
        function send(url){
            createXMLHttpRequest();
            XMLHttpReq.open("GET",url,true);
            XMLHttpReq.onreadystatechange=proce;   //指定响应的函数 
            XMLHttpReq.send(null);  //发送请求 
            }
        function proce(){
            if(XMLHttpReq.readyState==4){ //对象状态 
                if(XMLHttpReq.status==200){//信息已成功返回，开始处理信息 
                var res=XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data;
                window.alert(res);
                }else{
                    window.alert("所请求的页面有异常");
                    }
                    }
                    }
        //身份验证  
        function check(){
            var name=document.getElementById("name").value;
                
                if(name==""){
                    alert("请输入姓名");
                    return false;
                    }
                    else{
                        send('login?name='+name);
                        }
                    }
                    
        </script>
  </head>
  
  <body>
   <table>
        <form action="login" method="post">
            <tr><td>姓名: <input id="name" type="text" name="name"/><p>
                     <input type="button" value="检测!" onClick="check()"/>
            </td>
        </tr>
        </form>
        </table>
  </body>
</html>
 

virtualjxc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
无任何框架下的Ajax应用Demo

无任何框架下的Ajax应用Demo"java" import="java.util.*" pageEncoding="UTF-8"%>String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.
复制链接

扫一扫

专栏目录