首页 > Web开发 > 详细

ajax 封装

时间:2016-06-12 10:49:13      阅读:236      评论:0      收藏:0      [点我收藏+]

/*
@ 调用方法 ajax( 对象实参 );
@ 对象实参需要传的属性:
method : 访问方式(选填),默认‘get‘,
url : 访问地址(必填),
data : 传输数据(选填),需要传数据时才填,
aysn : 是否异步(选填),默认true,
success : 请求成功后执行的函数,第一个形参代表返回的数据,
error : 请求失败后执行的函数,第一个形参代表错误状态码
*/
function ajax(mJson){
var method = mJson.method || ‘get‘;
var url = mJson.url;
var data = ‘‘;
var aysn = mJson.aysn || true;
var success = mJson.success;
var error = mJson.error;
if ( mJson.data )
{
var arr = [];
for (var key in mJson.data )
{
arr.push( key + ‘=‘ + mJson.data[key] );
};
data = arr.join(‘&‘);
};
if ( data && method.toLowerCase()==‘get‘ )url += ‘?‘ + data;
var xhr = new XMLHttpRequest();
xhr.open( method , url , aysn );
xhr.setRequestHeader(‘content-type‘ , ‘application/x-www-form-urlencoded‘);
xhr.send(data);
xhr.onreadystatechange = function(){
if ( xhr.readyState == 4 )
{
if ( xhr.status >= 200 && xhr.status < 300 )
{
success && success( xhr.responseText );
}else
{
error && error( xhr.status );
};
}
};
};

ajax 封装

原文:http://www.cnblogs.com/jessi/p/5576712.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!