码迷,mamicode.com
首页 > Web开发 > 详细

ajax函数封装

时间:2018-04-27 16:46:52      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:==   The   app   cti   function   xmlhttp   soft   lse   data   

开发中有时要用到ajax,不可能每次都去ajax,所以就封装了ajax函数。该文不包括ajax的基础,如果有兴趣可以查看我的另外一篇文章ajax的工作原理http://www.cnblogs.com/salmonlin/p/8962777.html

function ajax (method,url,data,success){  //四个参数,method是方法,url是路径,data是先后台传送的参数,success是后调函数
var xhr = null;
try{   //处理XMLHttpRequest对象的兼容性
xhr = new XMLHttpRequest();
}catch(e){
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
if(method == ‘get‘ && data){
url += ‘?‘ + data;
}
xhr.open(method,url,true);
if(method == ‘get‘){
xhr.send();
}
else{
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send(data);
}

xhr.onreadystatechange=function(){
if ( xhr.readyState == 4 ) {

if ( xhr.status == 200 ) {
success && success(xhr.responseText);
}
else {
alert(‘出错了,Err:‘ + xhr.status);
}
}
}
}

ajax函数封装

标签:==   The   app   cti   function   xmlhttp   soft   lse   data   

原文地址:https://www.cnblogs.com/salmonlin/p/8962999.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!