前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何封装属于自己的ajax

如何封装属于自己的ajax

作者头像
企鹅号小编
发布2018-01-19 16:01:20
8780
发布2018-01-19 16:01:20
举报
文章被收录于专栏:网络网络

如何封装属于自己的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);

}

}

}

}

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

本文来自企鹅号 - 全球大搜罗媒体

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文来自企鹅号 - 全球大搜罗媒体

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档