jQuery 非同期オブジェクト (XMLHttpRequest)_JavaScript スキルに関する簡単な説明

//1.00非同期オブジェクトの作成
var xhr = new XMLHttpRequest();
//2.0
xhr.open("post", url,params, true);
//3.0 は Formdata 属性を使用してパラメータを渡します
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//4.0 コールバック関数を設定します
xhr.onreadystatechange = function () {
If (xhr.readyState == 4 && xhr.status == 200) {
アラート(xhr.responseText);
}
}
//5.0パラメーターの合格
xhr.send(params);

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

var ajaxHelp = {
    CreatXHR: function () {
        //创建异步对オブジェクト
        var xhr = 新しい XMLHttpRequest();
        xhr を返します;
    }、
    //ajax の get 要求
    AjaxGet: 関数 (url, callBack) {
        this.AJaxCommon("get", url, null, callBack);
    }、
    //ajax の投稿要求
    AjaxPost: 関数 (url、params、callBack) {
        this.AJaxCommon("post", url, params, callBack);
    }、
    AJaxCommon: 関数 (メソッド、URL、パラメータ、コールバック) {
        //1.0
        var xhr = this.CreatXHR();
        //2.0
        xhr.open(メソッド, URL, true);
        //3.0
        if (メソッド == "get") {
            xhr.setRequestHeader("If-Modified-Since", "0");
        } else {
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        }
        //4.0
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                var data = JSON.parse(xhr.responseText);
                //実行回调関数
                callBack(データ);
            }
        }
        //5.0
        xhr.send(params);
    }
};