Ajax笔记-白红宇的个人博客

Ajax笔记

发布日期：2021-05-15 10:22:06 浏览次数：12 分类：原创文章

本文共 1528 字，大约阅读时间需要 5 分钟。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>


    <title>ajax.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
    
        var xmlHttpRequest=null;
            
        function ajaxSubmit(){  
            if(window.ActiveXObject){  
                xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
            }else if(window.XMLHttpRequest){  
                xmlHttpRequest=new XMLHttpRequest();
            }
            if(null!=xmlHttpRequest){  
                xmlHttpRequest.open("GET","AjaxServlet",true);
                xmlHttpRequest.onreadystatechange=ajaxCallBack;
                xmlHttpRequest.send(null);//GET的时候设为空，或者不写
                
            }
            
            function ajaxCallBack(){  
                if(xmlHttpRequest.readyState==4){  
                    if(xmlHttpRequest.status==200){  
                        var responseText=xmlHttpRequest.responseText;
                        document.getElementById("div1").innerHTML=responseText;
                    }
                }
            }
        }
    
    
    
    </script>
  </head>
  
  <body>
    <input type="button" value="get content from server" onclick="ajaxSubmit();"/>
    <div id="div1"></div>
  </body>
</html>

上一篇：Ajax笔记

下一篇：java字节流与字符流的区别

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章