Ajax的封装

/*

    @ 调用方法   ajax( 对象实参 );

    @ 对象实参需要传的属性:

        method : 访问方式(选填),默认'get',

        url : 访问地址(必填),

        data : 传输数据(选填),需要传数据时才填,

        aysn : 是否异步(选填),默认true,

        success : 请求成功后执行的函数,第一个形参代表返回的数据,

        error : 请求失败后执行的函数,第一个形参代表错误状态码

*/

function ajax(mJson){

    var method = mJson.method || 'get';

    var url = mJson.url;

    var data = '';

    var aysn = mJson.aysn || true;

    var success = mJson.success;

    var error = mJson.error;

    if ( mJson.data ){

        var arr = [];

        for (var key in mJson.data ){

            arr.push( key + '=' + mJson.data[key] );

        };

        data = arr.join('&');

      };

    if ( data && method.toLowerCase()=='get' )url += '?' + data;

    var xhr = new XMLHttpRequest();

    xhr.open( method , url , aysn );

    xhr.setRequestHeader('content-type' , 'application/x-www-form-urlencoded');

    xhr.send(data);

    xhr.onreadystatechange = function(){

        if ( xhr.readyState == 4 ){

            if ( xhr.status >= 200 && xhr.status < 300 ){

                success && success( xhr.responseText );

            }else{

                error && error( xhr.status );

            };

        }

    };

};

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值