使用JavaScript怎么对ajax进行封装

本篇文章为大家展示了使用JavaScript怎么对ajax进行封装，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

function ajax(options) {   options = options || {};   options.type = (options.type || "GET").toUpperCase();   options.dataType = options.dataType || "json";   var params = formatParams(options.data);   //创建xhr对象 - 非IE6   if (window.XMLHttpRequest) {     var xhr = new XMLHttpRequest();   } else { //IE6及其以下版本浏览器     var xhr = new ActiveXObject('Microsoft.XMLHTTP');   }   //GET POST 两种请求方式   if (options.type == "GET") {     xhr.open("GET", options.url + "?" + params, true);     xhr.send(null);   } else if (options.type == "POST") {     xhr.open("POST", options.url, true);     //设置表单提交时的内容类型     xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");     xhr.send(params);   }   //接收   xhr.onreadystatechange = function () {     if (xhr.readyState == 4) {       var status = xhr.status;       if (status >= 200 && status < 300) {         options.success && options.success(xhr.responseText);       } else {         options.fail && options.fail(status);       }     }   } } //格式化参数 function formatParams(data) {   var arr = [];   for (var name in data) {     arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name]));   }   arr.push(("v=" + Math.random()).replace(".",""));   return arr.join("&"); }

调用方法

ajax({   url: "data.json",   type: "GET",   data: {},   dataType: "json",   success: function (response) {     // 此处放成功后执行的代码      // 解析返回的字符串 转为json对象     var usingdata = eval("("+response+")").data;   }   fail: function (status) {     // 此处放失败后执行的代码   } });

上述内容就是使用JavaScript怎么对ajax进行封装，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注亿速云行业资讯频道。