为了账号安全,请及时绑定邮箱和手机立即绑定

ajax原理笔记

标签:
前端工具

function AJAX() {    var xhr = null;    if(window.XMLHttpRequest) {        xhr = new XMLHttpRequest();    } else {        try{            xhr = new ActiveXObject('Microsoft.XMLHttp');        }catch(e){            xhr = new ActiveXObject('msxml2.xmlhttp');        }    }    //get请求    this.get = function(url,success,fail){        xhr.open("GET", url,true);        xhr.onreadystatechange=function(){            if(xhr.readyState==4) {                if(xhr.status==200) {                    var txt = xhr.responseText;                    txt = JSON.parse(txt);                    success(txt);                } else {                    if(fail) {                        fail(xhr.status);                    }                }            }        };        xhr.send(null);    };    //post请求    this.post = function (url,param,success,fail) {        xhr.open("POST", url,true);        xhr.onreadystatechange=function(){            if(xhr.readyState==4) {                if(xhr.status==200) {                    var txt = xhr.responseText;                    txt = JSON.parse(txt);                    success(txt);                } else {                    if(fail) {                        fail(xhr.status);                    }                }            }        };        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");        xhr.send(param);    }; }//使用var ajax = new AJAX(); ajax.get("test.json",function(data){    //成功回调},function(data){//失败回调});



作者:一枚程序猿
链接:https://www.jianshu.com/p/83c4f3341bb1


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消