使用原生js封装的ajax(兼容jsonp)
来源:互联网 发布:淘宝客自动采集漏洞 编辑:程序博客网 时间:2024/05/18 00:05
/* 封装ajax函数 * @param {string}opt.type http连接的方式,包括POST和GET两种方式 * @param {string}opt.url 发送请求的url * @param {boolean}opt.async 是否为异步请求,true为异步的,false为同步的 * @param {object}opt.data 发送的参数,格式为对象类型 * @param {function}opt.success ajax发送并接收成功调用的回调函数 */ function ajax(opt) { opt = opt || {}; opt.method = opt.method.toUpperCase() || 'POST'; opt.url = opt.url || ''; opt.async = opt.async || true; opt.data = opt.data || null; opt.success = opt.success || function () {}; opt.dataType = opt.dataType || "json"; var xmlHttp = null; if (XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }var params = []; for (var key in opt.data){ params.push(key + '=' + opt.data[key]); } var postData = params.join('&'); if (opt.method.toUpperCase() === 'POST') { xmlHttp.open(opt.method, opt.url, opt.async); xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8'); xmlHttp.send(postData); } else if (opt.method.toUpperCase() === 'GET') { xmlHttp.open(opt.method, opt.url + '?' + postData, opt.async); xmlHttp.send(null); } xmlHttp.onreadystatechange = function () { if(opt.dataType != 'jsonp'){ if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { opt.success(xmlHttp.responseText); } }else{ //alert(1); if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { var oScript = document.createElement('script'); document.body.appendChild(oScript); var callbackname = 'wangxiao' oScript.src = opt.url + "?" + postData+'&callback='+callbackname; window['wangxiao'] = function(data) { opt.success(data); document.body.removeChild(oScript); }; } } }; } export default ajax;
阅读全文
0 0
- 使用原生js封装的ajax(兼容jsonp)
- ajax和jsonp的原生封装
- ajax和jsonp的原生封装
- ajax和jsonp的原生封装
- ajax和jsonp的原生封装
- ajax和jsonp的原生封装
- 原生JS实现的AJAX方法、JSONP
- 原生js的ajax请求兼容写法
- 原生js ajax简单封装和使用
- 原生js封装Ajax
- 原生js封装ajax
- 原生JS封装Ajax
- 原生JS封装ajax()
- 原生JS封装的ajax请求
- 原生js封装AJAX(代码+注释)
- JS原生Ajax的使用
- 【JavaScript】原生JS实现AJAX、JSONP
- 封装的原生ajax
- HEVC帧内算法研究
- 交叉熵代价函数(作用及公式推导)
- 你真的了解Instant Run吗?
- 一个比较完整的Inno Setup 安装脚本
- tomcat高并发apr io模型
- 使用原生js封装的ajax(兼容jsonp)
- 8.字符串转换为整数
- 【Bzoj2141】排队
- Python-第三方库requests详解(附requests中文官方教程)
- matplotlib绘图实例:pyplot、pylab模块及作图参数
- Activity的四种启动模式和应用场景
- linux怎么查询台账信息
- 门控时钟
- 这是一篇一本正经的博主介绍