如何封装属于自己的ajax

时间:2022-04-23
本文章向大家介绍如何封装属于自己的ajax,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

如何封装属于自己的ajax?小编带你探探路。。

// 1准备一个电话 准备ajax

// 2 拨号 建立 建立连接 (跟服务器)

// 3 发送 ajax 发送

// 4 等待 通了 说话 监听状态 4 200-300 304

function ajax(){

if(window.XMLHttpRequest){

//创建ajax ie7++ chorme firefox

var oAjax=new XMLHttpRequest();

}else{

var oAjax=new ActiveXObject('Micorsoft.XMLHTTP');

}

//建立连接

oAjax.open('get',url,true);

true 异步 一起去执行

false 同步 一个一个去执行

//发送

oAjax.send();

// oAjax.readyState

0 创建ajax对象完成

1 发送请求完成

2 获取原始数据

3 解析原始数据

4 完成

200 完成

304 重定向

403 访问遭拒绝

404 路径不存在

414 路径过长

500 后台服务器有问题

502 后台程序有问题

4 开头错误是前端

5 开头错误是后台

oAjax.onreadystatechange=function(){

if(oAjax.readyState==4){

if(oAjax.status>=200 && oAjax.status

success && success(oAjax.responseText);

}else{

fnFail && fnFail(oAjax.status);

}

}

}

}

大家如果有感兴趣的方向文章,可以直接给我留言,我会去写你们感兴趣的文章。