js封装ajax方法
来源:互联网 发布:seo公司哪家专业 编辑:程序博客网 时间:2024/05/17 22:50
众所周知,框架之间会有冲突,这是源生js就起到作用了,下面介绍一种源生js封装的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) { // 此处放失败后执行的代码 }});
阅读全文
0 0
- js封装ajax方法
- 原生js封装ajax方法
- 原生JS封装ajax方法
- 原生js封装ajax方法
- Ajax的js封装
- 原生js封装Ajax
- js 封装ajax
- js 封装ajax
- js封装ajax函数
- js封装ajax
- 原生js封装ajax
- 原生JS封装Ajax
- JS-封装 ajax XmlHttpRequest
- js封装ajax
- js封装ajax请求
- 原生JS封装ajax()
- js封装获取标签处理操作 ,ajax,ready()方法
- JavaScript ajax 方法封装
- wds无限桥接技术:不接网线就可以让客厅和卧室有2个不同wifi
- jquery-validate插件之resetForm方法清除历史错误提示信息
- c#文件加密程序
- hdfs上传文件大小为零问题解决
- 恐怖的死亡艺术,稻川淳二为自己办了场VR葬礼
- js封装ajax方法
- Android触摸屏事件派发机制详解与源码分析一(View篇)
- QT+FFMPEG播放器——github代码
- Spring-dataJpa实例
- iOS 浮点数格式字符串比较大小 精度问题
- Java程序员们最常犯的10个错误(如数组的操作)
- 【Python学习系列六】Python语言基本语法
- 运用dup2的tcp socket通信
- 微服务努力的成败不仅仅取决于技术细节