Ajax的原生写法

学习笔记 2023-01-20 九凌少子手机阅读

本站优惠券栏目展示的都是具有优惠券的淘宝热销商品，如果商品正合您意不妨先领个优惠券在去下单，您每一次领取优惠券在下单老马都会给我一点点小费，就权当对小弟的支持可好？如果栏目里没有中意的商品也别急，我还专门为您提供了一个京东淘宝优惠券网站，点击右边这个链接可以直接进入👉https://quan.yumus.cn，下单前可以在这个网站搜索一下看有没有您需要的商品，所有的交易都是在淘宝或京东完成您无需担心售后服务和交易安全，小弟在此恳请大家多多支持。

作为记录，如果不想加载JQ库但需要使用ajax不妨试试下面这段js函数。

function ajax(obj){
        obj=obj||{};
        obj.type=(obj.type||'GET').toUpperCase();
        obj.dataType=obj.dataType||'json';
        var params=formatParams(obj.data);//参数格式化
        //step1:兼容性创建对象
        if(window.XMLHttpRequest){
            var xhr=new XMLHttpRequest();
        }else{
            var xhr=new ActiveXObject('Microsoft.XMLHTTP');
        }
        //step4: 接收
        xhr.onreadystatechange=function(){
            if(xhr.readtState==4){
                if(xhr.state>=200 && xhr.status<300){
                    obj.success&&obj.success(xhr.responseText,xhr.responseXML);
                }else{
                    obj.error&&obj.error(xhr.status);
                }
            }
        }
        //step2 step3:连接 和 发送
        if(obj.type=='GET'){
            xhr.open('GET',obj.url+'?'+params,true);
            xhr.send(null);
        }else if(obj.type=='POST'){
            xhr.open('POST',obj.url,true);
            //设置请求头，以表单形式提交数据
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            xhr.send(params);
        }
        //辅助函数，格式化参数
        function formatParams(data){
            var arr=[];
            for(var name in data){
                arr.push(encodeURICompontent(name)+"="+encodeURICompontent(data[name]));
            }
            //设置随机数，防止缓存
            arr.push("t="+Math.random());
            return arr.join("&");
        }
    }