Ajax起源应用

为什么要有Ajax

由于我们在使用web时候,每当执行一些交互操作的时候,页面总会发生变化,但是这个变化不能总是用户刷新以后才有,所以在web端需要一个局部刷新这个功能,所以有了Ajax(Asynchronous JavaScript And XML 异步的JavaScript和xml)

Ajax使用流程

创建XmlHttpRequest对象
发送Ajax请求
处理服务器响应

相关代码

//创建ajax核心对象 ,是用于后台和服务器交换数据
        var xmlhttp;
        if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
        }else{
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
        }
        xmlhttp.open("GET", "/WebProject/ajax",true);//请求方式,路径.异步还是同步
        xmlhttp.send();
        //服务器响应
        xmlhttp.onreadystatechange = function () {
            //readyState表示服务器处理到那一步
            //status表示服务器是否处理成功
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                var t=xmlhttp.responseText;
                document.getElementById("divContent").innerHTML=t;
            }
        };
    };

jQuery对Ajax的支持

我们发现在html中书写上面的代码有些繁琐,但jQuery对Ajax提供了良好的支持,可以简化上面的代码!