有志者事竟成。

JavaScript AJAX原生写法

var Ajax = {
                get: function(url, fn) {
                    //创建XMLHttpRequest对象
                    var xhr = new XMLHttpRequest();
                    //true表示异步
                    xhr.open('GET', url, true);
                    xhr.onreadystatechange = function() {
                        // readyState == 4说明请求已完成
                        if(xhr.readyState == 4 && xhr.status == 200 || xhr.status == 304) {
                            //responseText:从服务器获得数据
                            fn.call(this, xhr.responseText);
                        }
                    };
                    xhr.send();
                },
                post: function(url, data, fn) { //datat应为'a=a1&b=b1'这种字符串格式
                    var xhr = new XMLHttpRequest();
                    xhr.open("POST", url, true);
                    // 添加http头,发送信息至服务器时内容编码类型
                    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                    xhr.onreadystatechange = function() {
                        if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
                            fn.call(this, xhr.responseText);
                        }
                    };
                    xhr.send(data);
                }
            }

 

posted on 2019-08-29 16:32  阿长*长  阅读(179)  评论(0编辑  收藏  举报

导航