ajax原理

最新推荐文章于 2020-06-23 10:08:15 发布

weixin_30363981

最新推荐文章于 2020-06-23 10:08:15 发布

阅读量60

点赞数

原文链接：http://www.cnblogs.com/DCL1314/p/7777696.html

版权

ajax

<!DOCTYPE html>
        <html lang="en">
        <head>
        <meta charset="UTF-8">
        <title>ajax原理</title>
    </head>
    <body>
        <input type="text" id="username">
        <div id="use1"></div>
    </body>
        <script>
            function CreateXmlHttp(){
                //非IE浏览器创建XmlHttpRequest对象
                if(window.XMLHttpRequest){
                    xmlhttp=new XMLHttpRequest();
                }
                //IE浏览器器创建XmlHttpRequest对象
                if(window.ActiveXObject){
                    try{
                        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                    }catch(e){
                        try{
                            xmlhttp=new ActiveXObject("msxm12.XMLHTTP");
                        }catch(ex){}
                    }
                }
            }
            function Ustbwuyi(){
                var data=document.getElementById('username').value;
                CreateXmlHttp();
                if(!xmlhttp){
                    alert("创建xmlhttp对象异常");
                    return false;
                }
                xmlhttp.open("get","/postData",false);
                xmlhttp.onreadystatechange=function(){
                    if(xmlhttp.readyState==4){
                        document.getElementById("use1").innerHTML="数据正在加载...";
                        if(xmlhttp.status==200){
                            console.log(xmlhttp.responseText);
                        }
                    }
                }
                xmlhttp.send();
            }
            Ustbwuyi();
        </script>
    </html>

转载于:https://www.cnblogs.com/DCL1314/p/7777696.html

weixin_30363981

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax原理

ajax<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ajax原理</title> </head> <body> ...
复制链接

扫一扫