AJAX学习笔记

最新推荐文章于 2024-11-04 16:24:50 发布

wangchenggong1988

最新推荐文章于 2024-11-04 16:24:50 发布

阅读量693

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wangchenggong88/article/details/8123906

1.AJAX是Asynchronous JavaScript and XML的简写。

2.它能向服务器请求额外的数据而无须卸载页面，使得页面不必刷新而能从服务器取得新数据，从而改变以前的“单击、等待”模式，带来更好的用户体验。

3.Ajax的核心是XMLHttpRequest对象（简称XHR）。XHR对象为JavaScript向服务器发送请求和解析服务器响应提供了流畅的接口。

4.Ajax的使用

	function createXHR(){
            if (typeof XMLHttpRequest != "undefined"){
                return new XMLHttpRequest();
            } else if (typeof ActiveXObject != "undefined"){
                if (typeof arguments.callee.activeXString != "string"){
                    var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0",
                                    "MSXML2.XMLHttp"],
                        i, len;
            
                    for (i=0,len=versions.length; i < len; i++){
                        try {
                            var xhr = new ActiveXObject(versions[i]);
                            arguments.callee.activeXString = versions[i];
                            return xhr;
                        } catch (ex){
                            //skip
                        }
                    }
                }
            
                return new ActiveXObject(arguments.callee.activeXString);
            } else {
                throw new Error("No XHR object available.");
            }
        }
        
        var xhr = createXHR();        
        xhr.onreadystatechange = function(){
            if (xhr.readyState == 4){//接收全部响应数据
                if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304){//成功返回
                    alert(xhr.responseText);
                } else {
                    alert("Request was unsuccessful: " + xhr.status);
                }
            }
        };
        xhr.open("get", "example.php", true);
        xhr.setRequestHeader("MyHeader", "MyValue");
        xhr.send(null);