首页 > Web开发 > 详细

封装ajax函数

时间:2019-07-14 00:58:14      阅读:117      评论:0      收藏:0      [点我收藏+]

ajax函数,用来与后端的交互(请求类型有POST GET DELETE PUT HEAD,请求地址,callback请求的回调函数,参数,是否异步)

function ajax(method, url, callback, data, flag) {
 // xhr 用来存储请求与响应的信息
 var xhr = null;
if(window.XMLHttpRequest) {
 xhr = new XMLHttpRequest();
}else {
 xhr = new ActiveXObject(‘Microsoft.XMLHttp‘);
}
// // 监听数据请求状态 监听状态readyState的变化
xhr.onreadystatechange = function() {
// // 1 2 3
if(xhr.readyState == 4) {
// // 4xx url data
if(xhr.status == 200) {
 callback(xhr.responseText);
 }else {
 console.log(‘error‘);
 }
}
 }

/method = method.toUpperCase();
// // get 请求 把数据拼接在地址身上
if(method == ‘GET‘) {
// // 建立连接
 xhr.open(method, url + ‘?‘ + data, flag);
// // 发出请求
 xhr.send();

// // post 请求需要把数据放在请求体里面 不拼接地址
 }else if(method == ‘POST‘) {
// // 建立连接
xhr.open(method, url, flag);
// // 前端告诉后端 我的数据是什么格式的 key=value&key1=value1
 xhr.setRequestHeader(‘Content-type‘,‘application/x-www-form-urlencoded‘);
// // 传递数据 发出请求i
 xhr.send(data);
// }
// }

 

封装ajax函数

原文:https://www.cnblogs.com/wangqian1997/p/11182800.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!