ajax的基本使用 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax</title>
</head>
<body>
    
    <button id='but'>ajax的基本使用</button>
    <script type="text/javascript">
    //获取元素对象
    var but = document.getElementById('but');

    but.onclick = function()
    {
        // 1.创建ajax对象
        if(window.XMLHttpRequest){

            //现在平常使用的浏览器
            var x = new XMLHttpRequest();
        } else {
            //ie5和ie6浏览器使用
            var x = new ActiveXObject('Microsoft.XMLHTTP');
        }

        //2.绑定事件  on 当...时候 readystate 对象属性  change改变
            //alert(x.readyState);
        x.onreadystatechange = function()
        {
            //alert(x.readyState);
            if(x.readyState == 4 && x.status == 200){

                //服务器返回的结果
                console.log(x.responseText);
                // alert(x.responseText);
            }
        }


        //3.初始化  方法中的参数有3个 
                    // 1.请求的方式(GET POST)
                    // 2.服务器的文件
                    // 3.同步还是异步
        x.open('GET','1.php',true);

        //4.发送
        x.send();
    }



    </script>
</body>
</html>

 

posted @ 2017-02-11 22:58  虚镜  阅读(116)  评论(0)    收藏  举报