用原生javascript封装ajax技术
来源:互联网 发布:上海汇纳网络信息科技 编辑:程序博客网 时间:2024/06/09 20:54
以前学习过如何用原生的javascript实现ajax,但是久了不用就忘记了,今天来巩固一下,直接上代码:
//创建ajax对象
ajax = (url,method,data) => {
var http = window.XMLHttpRequest? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
//为了兼容ie6
http.onreadystatechange = () => { //readyState状态改变事件
if(http.readyState == 4){
if(http.status == 200){
//对http.responseText处理
}
else {
//错误处理
}
}
}
if(typeof data == 'object'){ //判断传进来的参数是不是对象
let str = '';
for(let key in data){
str += key+'='+data[key]+'&';
}
data = str.replace(/&$/, '');
}
let random = Math.floor(Math.random()*10); //生成0-10随机数并整数化,目的是清除缓存
if (method == 'GET'){ //判断是不是get方法
if (data){
http.open('GET',url+'?'+data,true);
}
else{
http.open('GET',url+'?t='+random,true);
}
http.send();
}
else{如果是post方法
http.open('POST',url,true);
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
//设置请求头信息
http.send(data);
}
}
- 用原生javascript封装ajax技术
- 原生JavaScript封装Ajax
- 原生JavaScript封装ajax
- Javascript封装原生ajax请求
- ajax 异步封装-函数 javascript原生
- 原生JavaScript封装ajax,可以直接使用
- 原生的javascript实现ajax技术
- Ajax实战总结——用原生JavaScript代码封装自己的Ajax核心对象
- 怎么用原生js封装ajax函数
- 原生js封装Ajax
- 封装原生ajax
- 原生封装ajax
- 封装的原生ajax
- 原生 ajax 封装
- 原生js封装ajax
- 原生封装ajax
- 原生ajax的封装
- 原生JS封装Ajax
- 引用CSS文件到html网页里方法
- 树形结构 数据库表设计
- Linux git版本管理的使用/git教程
- linux 离线源制作(基本适用所有离线包安装)
- ModBus/TCP协议分析
- 用原生javascript封装ajax技术
- 浅析JavaScript数组逆序
- Java IO一些理解和demo
- sql statement:批量插入
- 深入探索透视投影变换
- ios开发-- URL Schemes 使用详解
- vs2010添加lib库的方法
- 教你在APP中嵌入翻译功能,不借助第三方软件
- SlidingPaneLayout的基本使用