原生封装ajax

项目开发中,在进行数据交互的时候,经常会用到ajax请求。现在用原生JS对ajax进行了封装,具体代码如下:

/*
 * ajax组件
 */
module.exports = function (window, undefined) {
    var UhAjax = {
        ajaxFunction:function(){
            var xmlHttp;
            try{ 
                // Firefox, Opera 8.0+, Safari
                xmlHttp = new XMLHttpRequest();
            }
            catch (e){
                try{
                    // Internet Explorer
                    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch (e){
                    try{
                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    catch (e){}
                }
            }
            return xmlHttp;
        },
        ajax:function(ajaxUrl, method, data, callback){
            var xmlHttp = UhAjax.ajaxFunction();
            xmlHttp.onreadystatechange = function(){
                if(xmlHttp.readyState == 4){
                    if(xmlHttp.status==200||xmlHttp.status==304){
                        callback(JSON.parse(xmlHttp.responseText));
                    }
                }
            }
            //打开连接
            xmlHttp.open(method,ajaxUrl,true);
            //设置响应头
            xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            //发送请求
            xmlHttp.send("data=" + data);
        }
    };
    window.UhAjax = UhAjax;
    return UhAjax;
}(window);
用法如下:

var ajaxUrl = "xxx";
UhAjax.ajax(ajaxUrl, 'get', null, function(data){
    console.log(data);
});



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值