XMLHttpRequest()封装并使用

需求：上一篇文章
使用JAVAScript的XMLHttpRequest()请求后端数据并显示在界面表格当中是用的原生XMLHttpRequest()写的，这篇文章把这个方法封装使用一下。

基础：

封装的概念：

封装，即隐藏对象的属性和实现细节，仅对外公开接口，控制在程序中属性的读和修改的访问级别；将抽象得到的数据和行为（或功能）相结合，形成一个有机的整体，也就是将数据与操作数据的源代码进行有机的结合，形成“类”，其中数据和函数都是类的成员。

具体操作：
1.封装

var $xhrAjax = (function() {
   
    var Request = function () {
   
    };
    Request.prototype.ajax = function (options) {
   
        options = options || {
   };
        // 发送请求URL
        var url = options.url;
        // 请求类型
        var type = (options.type || 'GET').toUpperCase();
        // 是否异步请求
        var async = options.async || true;
        // 是否缓存
        var cache = options.cache === undefined ? true : options.cache;
        // 发送数据到服务器是所使用的内容类型
        var contentType = options.contentType || 'application/x-www-form-urlencoded';
        options.dataType = options.dataType || 'json';
        // 数据
        var data = options.data
        // 创建xhr对象
        var xhr
        if (window.XMLHttpRequest) {
   
            xhr = new XMLHttpRequest();
        } else {
   
            // 兼容低版本IE 10以下
            xhr = new ActiveXObject('Microsoft.XMLHTTP');
        }