原生JS封裝Ajax

標籤：bre   ica   name   ==   request   對象   ros   XML   alert   

function json2url(json){
　　//json參數轉字串
　　json.t=‘‘+Math.random();
　　json.t=json.t.replace(‘.‘,‘‘);
　　var arr=[];
　　for(var name in json){
　　　　arr.push(name+‘=‘+json[name]);
　　}
　　return arr.join(‘&‘);
}
//url,data,type,success,error
function ajax(json){
　　var json=json;
　　if(!json.url)return;
　　json.data=json.data||{};
　　json.type=json.type||‘get‘;

　　//建立ajax對象
　　var oAjax=new XMLHttpRequest();

　　//串連方式、發送
　　switch(json.type.toLowerCase()){
　　　　case ‘get‘:
　　　　　　oAjax.open(‘GET‘,json.url+‘?‘+json2url(json.data),true);
　　　　　　oAjax.send();
　　　　break;
　　　　case ‘post‘:
　　　　　　oAjax.open(‘POST‘,json.url,true);
　　　　　　oAjax.setRequestHeader(‘Content-Type‘,‘application/x-www-form-urlencoded‘);
　　　　　　oAjax.send(json2url(json.data));
　　　　break;
　　}
　　//接收
　　oAjax.onreadystatechange=function (){
　　　　if(oAjax.readyState==4){
　　　　　　if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
　　　　　　　　json.success&&json.success(oAjax.responseText);
　　　　　　}else{
　　　　　　　　json.error&&json.error(oAjax.status);
　　　　　　}
　　　　}
　　};
}

//調用
ajax({
　　url:‘a.txt‘,
　　data:{},
　　type:‘‘,
　　success:function (str){
　　　　alert(str);
　　},
　　error:function(data){
　　　　  alert(data)
　　}
});

 

原生JS封裝Ajax