封装ajax

19.8.4  学习笔记：

渡一web就业 书籍资料：

26.Ajax.基础教程

第一步，创建 XMLHttpRequest对象

function ajax(){
    var xhr = null;
    if(window.XMLHttpRequest){
        xhr = new XMLHttpRequest();
    }else{
        xhr = new ActiveXObject('Microsoft.XMLHttp');
    }
}

第二步

xhr.onreadystatechange=function(){
				if(xhr.readyState==4){
					//监听状态
					if(xhr.status==200){
					//监听状态码
						callback(xhr.responseText);
					}else{
						console.log('error');
					}
				}
			}

第三步：

method = method.toUpperCase();

			if (method == 'GET') {
				var date=new Date(),
					timer=date.getTime();
			//date.getTime()返回 距1970年1月1日的 毫秒数
			//获取到 时间戳
			xhr.open(method,url+'?'+data+'&timer'+timer,flag);
			//打开
			xhr.send();
			//发送数据		
			}else if (method='POST') {
					xhr.open(url,method,flag);
					xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
					xhr.send(data);
				}

 

function ajax(method, url, callback, data, flag) {
    var xhr = null;
    if(window.XMLHttpRequest) {
        xhr =  new XMLHttpRequest();
    }else {
        xhr = new ActiveXObject('Microsoft.XMLHttp')
    }
    xhr.onreadystatechange = function() {
        if(xhr.readyState == 4) {
            if(xhr.status == 200) {
                callback(xhr.responseText);
            }else {
                console.log('error');
            }
        }
    }
    method = method.toUpperCase();
    if(method == 'GET') {
        var date = new Date(),
            timer = date.getTime();
        xhr.open(method, url + '?' + data + '&timer=' + timer, flag);
        xhr.send();
    }else if(method == 'POST') {
        xhr.open(method, url, flag);
        xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
        xhr.send(data);
    }
}