好程序员web前端教程分享前端javascript练习题Ajax封装
好程序员web前端教程分享前端javascript练习题Ajax封装
ajax的基本封装 ----必须掌握
function ajax(url,fn){
if(window.XMLHttpRequest){ var xhr = new XMLHttpRequest();
}else{ var xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open("get",url,true);
xhr.send();
xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ if(xhr.status == 200){ var data = xhr.responseText;
fn(data);
}
}
}}
ajax的完整封装
function ajax(obj){
//obj -> type url data successvar str = "";for(var key in obj.data){
str += key+"="+obj.data[key]+"&";
}//str = str.substring(0,str.length-1);str = str.replace(/&$/,"");if(window.XMLHttpRequest){ var xhr = new XMLHttpRequest();
}else{ var xhr = new ActiveXObject("Microsoft.XMLHTTP");
}if(obj.type.toUpperCase()=="GET"){ if(obj.data){ var url = obj.url + "?" + str;
}else{ var url = obj.url;
}
xhr.open("get",url,true);
xhr.send();
}if(obj.type.toUpperCase()=="POST"){
xhr.open("post",obj.url,true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(str);
}
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/69913892/viewspace-2665917/ ，如需转载，请注明出处，否则将追究法律责任。
请登录后发表评论
登录
全部评论
