web前端|js教程
JavaScript,ajax,js
web前端-js教程
这篇文章主要为大家详细介绍了js如何编写简单的ajax方法库，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
跑腿系统源码下载,vscode配置go开发,pt下载 ubuntu,tomcat缓存持久化,爬虫 ajax,php 输出文本,广州seo软件优化价格,asp网站管理,wordpress幻灯片模板lzw
本文实例为大家分享了js编写ajax方法库的具体代码，供大家参考，具体内容如下
扫码支付系统源码,ubuntu装了没有引导,中间件tomcat作用,爬虫走路视频,河北php工具开发推荐,周边seolzw
具体代码
微信游戏平台源码,vscode登录界面代码,ubuntu代码缩进,MAC电脑装tomcat,金蝉爬虫,星座php源码,河南seo推广免费咨询,个人工作室网站html源码,进销存 php模板下载lzw
~function(){ //ajax:实现ajax请求的公共方法;当一个方法传递的参数过多，而且还不固定，我们使用对象统一传值法（把需要传递的参数值都放在一个对象中，一起传递进去即可） function ajax(options){ //把需要使用的参数值设定一个规则和初始值 var _default = {url:"",//请求的地址type:"get",//请求的方式dataType:"json",//设置请求回来的内容格式async:true,//请求是同步还是异步data:null,//放在请求主体中的内容（POST）getHead:null,//当READY STATE===2的时候执行的回调方法success:null//当READY STATE===4的时候执行的回调方法 }; //使用用户自己传递进来的值覆盖我们的默认值 for(var key in options){if(options.hasOwnProperty(key)){ _default[key] = options[key];} } //如果当前的请求方式是get，我们需要在URL的末尾加随机数清楚缓存 if(_default.type==="get"){_default.url.indexOf("?") >=0 ? _default.url += "&" : _default.url += "?";_default.url +="_="+Math.random(); } //SEND AJAX var xhr = createXHR(); xhr.open(_default.type,_default.url,_default.async); xhr.onreadystatechange = function(){if(/^2\d{2}/.test(xhr.status)){ //想要在READY STATE等于2的时候做一些操作，需要保证AJAX是异步请求 if(xhr.readyState === 2){if(typeof _default.getHead === "function"){ _default.getHead.call(xhr);} } if(xhr.readyState === 4){var val = xhr.responseText;//如果传递的参数值是json,说明获取的内容应该是json格式的对象if(_default.dataType === "json"){ val = "JSON" in window ? JSON.parse(val) : eval("("+val+")");}_default.success && _default.success.call(xhr,val) }} } xhr.send(_default.data); } window.ajax = ajax;}()ajax({ url:"data.txt", type:"get", dataType:"json", async:false, getHead:function(){ //this xhr当前AJAX对象 }, success:function(data){ //this xhr当前AJAX对象 //data:我们从服务器获取的主体内容 }})
