在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 模擬jQ封裝ajax,調(diào)用時(shí)出現(xiàn)Uncaught ReferenceError:

模擬jQ封裝ajax,調(diào)用時(shí)出現(xiàn)Uncaught ReferenceError: param is not defined

//模擬jQuery封裝ajax 暫不考慮跨域和默認(rèn)返回?cái)?shù)據(jù)類型為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;
    }else{
        main=data;
        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    }
    xhr.open(temp.type,temp.url,true);
    xhr.send(main);
}
回答
編輯回答
拮據(jù)

//模擬jQuery封裝ajax 暫不考慮跨域和默認(rèn)返回?cái)?shù)據(jù)類型為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);

}

2017年4月7日 23:06
編輯回答
影魅

可以參考Ajax入門(二)Ajax函數(shù)封裝,建議一開始不要追求與jQ的API相同,先實(shí)現(xiàn)功能~

2018年4月7日 21:15