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

ajax 封装

时间:2016-06-12 10:52:26      阅读:276      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!