ajax 用原生js写好吗,使用原生js写ajax

// 使用原生js 封装ajax

// 兼容xhr对象

function createXHR(){

if(typeof XMLHttpRequest != "undefined"){ // 非IE6浏览器

return new XMLHttpRequest();

}else if(typeof ActiveXObject != "undefined"){ // IE6浏览器

var version = [

"MSXML2.XMLHttp.6.0",

"MSXML2.XMLHttp.3.0",

"MSXML2.XMLHttp",

];

for(var i = 0; i < version.length; i++){

try{

return new ActiveXObject(version[i]);

}catch(e){

//跳过

}

}

}else{

throw new Error("您的系统或浏览器不支持XHR对象！");

}

}

// 转义字符

function params(data){

var arr = [];

for(var i in data){

arr.push(encodeURIComponent(i) + "=" + encodeURIComponent(data[i]));

}

return arr.join("&");

}

// 封装ajax

function ga_ajax(obj){

var xhr = createXHR();

obj.url = obj.url + "?rand=" + Math.random(); // 清除缓存

obj.data = params(obj.data); // 转义字符串

if(obj.method === "get"){ // 判断使用的是否是get方式发送

obj.url += obj.url.indexOf("?") == "-1" ? "?" + obj.data : "&" + obj.data;

}

// 异步

if(obj.async === true){

// 异步的时候需要触发onreadystatechange事件

xhr.onreadystatechange = function(){

// 执行完成

if(xhr.readyState == 4){

callBack();

}

}

}

xhr.open(obj.method,obj.url,obj.async); // false是同步 true是异步 // "demo.php?rand="+Math.random()+"&name=ga&ga",

if(obj.method === "post"){

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

xhr.send(obj.data);

}else{

xhr.send(null);

}

// xhr.abort(); // 取消异步请求

// 同步

if(obj.async === false){

callBack();

}

// 返回数据

function callBack(){

// 判断是否返回正确

if(xhr.status == 200){

obj.success(xhr.responseText);

}else{

obj.Error("获取数据失败，错误代号为："+xhr.status+"错误信息为："+xhr.statusText);

}

}

}

var html = document.getElementsByTagName("html")[0];

html.onclick = function(){

ga_ajax({

"method" : "post",

"url" : "dem0o.php",

"data" : {

"name" : "gaga",

"age" : 10000000,

"num" : "12346&598"

},

"success" : function(data){

alert(data);

},

"Error" : function(text){

alert(text);

},

"async" : false

});

}

原生js写Ajax

//原生js写ajax就像打电话 //打电话分下面4步//1.拿出手机//2.拨号//3.说话//4.挺对方说话 //ajax也分下面4步//1.创建ajax对象//2.连接到服务器//3.发送请求( ...

原生JS写Ajax的请求函数

一.JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面:ajax的技术核心是 XMLHttpRequest 对象:ajax 请求过程:创建 XMLHttpRequest 对象.连接服务 ...

原生js写ajax请求(复习)

今天本地想测试一个接口,不想用框架想用js快速完成,突然发现,我居然忘了这个最基本的代码.好吧,只能复习一波. 在框架泛滥的今天,用惯$.ajax(),axios,superAgent等框架的你们,还 ...

用原生JavaScript写AJAX

//原生js写ajax就像打电话 //打电话分下面4步//1.拿出手机//2.拨号//3.说话//4.听对方说话 //ajax也分下面4步//1.创建ajax对象//2.连接到服务器//3.发送请求( ...

原生JS写的ajax函数

参照JQuery中的ajax功能,用原生JS写了一个ajax,功能相对JQuery要少很多,不过基本功能都有,包括JSONP. 调用的方式分为两种: 1. ajax(url, {}); 2. ajax ...

表单验证--通过原生js模仿ajax的异步交互

今天给大家带来个福利,我也是刚刚学习的很实用的一个东西,通过原生js模仿ajax的异步交互. 我的博客只是给那些新手看的大神勿喷,写的不好可留言,请指出. 因为当初自己学的时候一个问题不会找人问,知道 ...

原生js中用Ajax进行get传参

原生js中用Ajax进行get传参 案例:

Dubbo架构设计详解-转

Dubbo架构设计详解  2013-09-03 21:26:59    Yanjun Dubbo是Alibaba开源的分布式服务框架,它最大的特点是按照分层的方式来架构,使用这种方式可以使各个层之间解 ...

hdu 1002 Java 大数 加法

http://acm.hdu.edu.cn/showproblem.php?pid=1002 PE   由于最后一个CASE不须要输出空行 import java.math.BigInteger; i ...

Eclipse常用不常用快捷键

逼格高且常用的7个快捷键:Ctrl+O:列出该类下的所有方法   Ctrl+E:列出打开的所有类   Shift+Enter:在当前行下一行创建空白行(Ctrl+Shift+Enter:在当前行上一行 ...

华科机考：a&plus;b

时间限制:1秒     空间限制:32768K 题目描述 实现一个加法器,使其能够输出a+b的值. 输入描述: 输入包括两个数a和b,其中a和b的位数不超过1000位. 输出描述: 可能有多组测试数据 ...

求方差分析与两样本T检验 区别

方差分析与两样本T检验. 1.首先可以看到方差分析(ANOVA)包含两样本T检验,把两样本T检验作为自己的特例.因为ANOVA可以比较多个总体的均值,当然包含两个总体作为特例.实际上,T的平方就是F统 ...

基于apache的虚拟主机

apche支持3种类型虚拟主机: 基于IP的虚拟主机 基于端口的虚拟主机 基于主机名的虚拟主机 配置两个站点虚拟主机: /data/web1 /data/web2 一.基于IP虚拟主机 添加一个IP: ...

《数学之美》--第一章：文字和语言 vs 数字和信息

PDF下载 第一章 文字和语言 vs 数字和信息 数字.文字和自然语言一样,都是信息的载体,它们之间原本有着天然的联系.语言和数学的产生都是为了同一个目的-记录和传播信息.但是,直到半个多世纪前香农博 ...