Ajax技术

最新推荐文章于 2024-11-11 22:05:17 发布

yao____yao

最新推荐文章于 2024-11-11 22:05:17 发布

阅读量386

点赞数 1

文章标签： ajax

本文链接：https://blog.csdn.net/yao____yao/article/details/54584978

版权

Ajax(Asychronous JavaScript and XML)
Ajax中的一个重要对象是XMLHttpRequest.用于与后台服务器交换数据。

var xmlHttpRequest = null;//声明一个空对象以接收XMLHttpRequest对象

    var ajaxSubmit = function(){

        if(window.ActiveXObject){//IE浏览器
            xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
        }else if(window.XMLHttpRequest){//除IE外的其他浏览器实现
            xmlHttpRequest = new XMLHttpRequest();
        }

        if(null != xmlHttpRequest){
            //准备发送数据
            xmlHttpRequest.open("GET", "AjaxServlet", true);
            //关联ajax的回调函数
            xmlHttpRequest.onreadystatechange = ajaxCallBack;//四种状态

            //真正向服务器端发送数据
            xmlHttpRequest.send(null);
        }

    }

    function ajaxCallBack(){
        //alert("test") 出现四次
        if(xmlHttpRequest.readyState==4){
            if(xmlHttpRequest.status == 200){//http协议成功返回状态200

                var responseText = xmlHttpRequest.responseText;
                document.getElementById("div1").innerHTML = responseText;
            }
        }

    }