模拟jQ封装ajax，调用时出现Uncaught ReferenceError: param is

Question

//模拟jQuery封装ajax 暂不考虑跨域和默认返回数据类型为JSONfunction ajax(obj){    var temp={        type:'get',        url:"#",        data:{},        success:function(param){console.log(param)}    };    for(var key in obj){        temp[key]=obj[key];    }    var data='';    for(var key in temp.data){        data+=`${key}=${temp.data[key]}&`;    }    if(data){        data=data.substr(0,data.length-1);    }    var xhr=new XMLHttpRequest();    xhr.onreadystatechange=function(){        if(xhr.readyState===4){            if(xhr.status===200){                var param=JSON.parse(xhr.responseText);                temp.success(param);            }        }    };    var main=null;    if(temp.type==='get'){        temp.url+="?"+data;    }else{        main=data;        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');    }    xhr.open(temp.type,temp.url,true);    xhr.send(main);}

Answer 1

可以参考Ajax入门（二）Ajax函数封装，建议一开始不要追求与jQ的API相同，先实现功能~

Answer 2

//模拟jQuery封装ajax 暂不考虑跨域和默认返回数据类型为JSON

function ajax(obj){

var temp={

    type:'get',

    url:"#",

    data:{},

    success:function(param){console.log(param)}

};

for(var key in obj){

    temp[key]=obj[key];

}

var data='';

for(var key in temp.data){

    data+=`${key}=${temp.data[key]}&`;

}

if(data){

    data=data.substr(0,data.length-1);

}

var xhr=new XMLHttpRequest();

xhr.onreadystatechange=function(){

    if(xhr.readyState===4){

        if(xhr.status===200){

            var param=JSON.parse(xhr.responseText);

            temp.success(param);

        }

    }

};

var main=null;

if(temp.type==='get'){

    temp.url+="?"+data;

}

xhr.open(temp.type,temp.url,true);

if(temp.type==='post'){

    main=data;

    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded,charset=UTF-8 ');

}

xhr.send(main);

}