ajax封装

1.ajax封装

使用回调函数，解决异步传参问题。

/*
    method  请求方式 get/post
    url:    服务器地址
    fn :    回调函数
    data:   请求参数
*/
function ajax(method, url,fn, data) {
    var xhr = new XMLHttpRequest();//创建对象
    if (method == "get" && data != undefined) {//get 携带参数
        url = url + "?" + data;
    }
    xhr.open(method, url);
    xhr.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
            // console.log(this.responseText);//打印后台数据
            // return this.responseText;
            fn(this.responseText);//将后台数据作为参数传递给函数
        }
    };
    if (method == 'post' && data != undefined) {
        xhr.send(data);//post有参数
    } else {
        xhr.send();//发送
    }
}