ajax 原生代码 已封装get,post,封装 附加 Promise 如何请求数据 详解
2018-10-15 11:08
731 查看
function ajax(method, url, data) { var xhr = null; if (XMLHttpRequest) { xhr = new XMLHttpRequest() } else { xhr = new ActiveXObject("Microsoft.XMLHTTP") } if (method == "get") { xhr.open(method, url + "?" + data, true); xhr.send(); } else { xhr.open(method, url, true); xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded'); xhr.send(data); } return new Promise((sucee, fail)=> { xhr.onreadystatechange = ()=> { if (xhr.readyState == 4) { if (xhr.status == 200) { sucee(xhr.responseText) } else { fail(xhr.status) } } } }) }
<script>
tada = ajax("get","josn/josn1.js","")
tada.then(function(date){
console.log(date);
})
</script>阅读更多
相关文章推荐
- 原生 JS Ajax,GET和POST 请求实例代码
- 原生Ajax(GET和POST请求)和jQueryAjax(Get和Post请求)详解
- 原生 JS Ajax,GET和POST 请求实例代码
- Ajax详解及其案例分析之如何获得Ajax对象,使用Ajax对象发送GET和POST请求,校验用户名,POST和GET请求时的乱码处理,实现级联的下拉列表
- AJAX学习 自己动手写ajax登录验证及首页数据绑定(代码片段,主要是登录js,ajax的get和post请求)
- 转载:Ajax中get与post请求详解
- Ajax提交数据(Get Post)详解和实例
- Ajax中get与post请求详解
- jquery之利用ajax与服务器交谈(发起GET和POST请求之获取JSON数据)
- urllib get 和 post 、ajax 请求详解
- 原创:ajax中get与post请求的详解
- post和get请求具体代码封装
- 简单封装ajax的get和post请求
- jquery之利用ajax与服务器交谈(发起GET和POST请求之利用jquery获取数据)
- js原生ajax请求get post笔记
- 关于ajax原生的get请求和post请求
- AJAX GetAndPost请求的完整封装
- ajax post&get 请求数据
- AJAX请求详解 同步异步 GET和POST
- AJAX中get和post请求详解