• Ajax jquery的库的简化版本


    Ajax jquery的库的简化版本

    (function(){
        //面向外界的唯一变量接口!
        var myajax = window.myajax = {};
        //作者、版本号等等信息
        myajax.author = "考拉";
        myajax.version = "1.0.0";

        //这个对象有两个属性,get、post属性,都是函数
        myajax.get = function(URL,queryJSON,callback){
            //创建xhr对象,解决兼容问题
            if(window.XMLHttpRequest){
                var xhr = new XMLHttpRequest();
            }else{
                var xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            //结果返回之后做的事情
            xhr.onreadystatechange = function(){
                if(xhr.readyState == 4){
                    if(xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
                        callback(null,xhr.responseText);
                    }else{
                        callback(new Error("没有找到请求的文件"),undefined);
                    }
                }
            }
            //拼接字符串
            var querystring = myajax._queryjson2querystring(queryJSON);
            //配置
            xhr.open("get" , URL + "?" + querystring , true);
            //发送
            xhr.send(null);
        };

        //这个对象有两个属性,get、post属性,都是函数
        myajax.post = function(URL,queryJSON,callback){
            //创建xhr对象,解决兼容问题
            if(window.XMLHttpRequest){
                var xhr = new window.XMLHttpRequest();
            }else{
                var xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            //结果返回之后做的事情
            xhr.onreadystatechange = function(){
                if(xhr.readyState == 4){
                    if(xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
                        callback(null,xhr.responseText);
                    }else{
                        callback(new Error("没有找到请求的文件"),undefined);
                    }
                }
            }
            //拼接字符串
            var querystring = myajax._queryjson2querystring(queryJSON);
            //配置
            xhr.open("post" , URL , true);
            //发送
            xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            xhr.send(querystring);
        };

        //内部函数,查询json变为查询字符串
        //输入一个{"name":"kaola","age":18,"sex":"男"}
        //返回一个name=kaola&age=18&sex=%E8%C6%B6
        myajax._queryjson2querystring = function(json){
            var arr = [];    //结果数组
            for(var k in json){
                arr.push(k + "=" + encodeURIComponent(json[k]));
            }
            return arr.join("&");
        };
    })();

  • 相关阅读:
    HAProxy+keepalived+MySQL 实现MHA中slave集群负载均衡的高可用
    mysql高可用架构之MHA,haproxy实现读写分离详解
    bootstrap全局css样式
    响应式与bootstrap
    jquery3
    jquery2
    jquery
    client,offset,scroll系列
    javascript-BOM
    JavaScript-DOM续
  • 原文地址:https://www.cnblogs.com/7qin/p/9703255.html
Copyright © 2020-2023  润新知