接口调用方式 -- 原生ajax （获取多个接口地址）

最新推荐文章于 2024-07-28 17:31:47 发布

卡夫卡的baby

最新推荐文章于 2024-07-28 17:31:47 发布

阅读量387

点赞数

分类专栏： jQuery 文章标签： ajax

本文链接：https://blog.csdn.net/weixin_72303943/article/details/130987249

版权

原生ajax

自己封装一个ajax对象。发送异步请求：

ajax.js:

function ajax(json){

    // 传递过来的json对象 如果存在 我们就打印出来
    var json = json || {}
    console.log(json);

    // 如果请求地址是空 程序就不往下执行了
    if(!json.url){
        return false    
    }

    // console.log('小李子是蠢猪');

    // 把数据发送方式转大写
    json.type = (json.type || 'post').toUpperCase()
    // console.log(json.type);

    // 发送ajax请求
    // 1.首先要创建一个Ajax对象
    var xlz = new XMLHttpRequest()

    if(window.XMLHttpRequest){
        xlz = new XMLHttpRequest();
    }else{
        xlz = new ActiveXObject('microsoft.XMLHttp');
    }
    console.log(xlz);

    // 2.发送请求
    if(json.type == 'GET'){
        xlz.open('get', json.url, true)
        xlz.send()
    }else if(json.type == 'POST'){
        xlz.open('post', json.url, true)
        xlz.send()
    }

    // 3.将从服务器上  请求到的数据 显示在 页面上
    xlz.onreadys