原生Ajax至mini-ajax.js

使用详情请访问:https://git.oschina.net/wuquanyao/mini-ajax.js

1. /*=================================================

2.  * mini-ajax.js

3.  * author: wuquanyao

4.  * email: [email protected]

5.  * ver: beta

6.  * date: 2015-10

7.  *===================For Example===================

8.  * Ajax.get('request.php',{a:2015,b:'wqyn'},function(response){

9.  *    console.log(response);

10.  * },'json');

11.  *=================================================

12.  * Ajax.post('request.php',{C:'This is request！',D:'datamap'},function(response){

13.  * console.log(response);

14.  * },'json');

15.  *=================================================

16.  * Ajax.json('request.php',{xcv:'This is request！',vcd:'datamap'},function(response){

17.  * console.log(response);

18.  * });

19.  *=================================================

20.  */

21. var Ajax = {};

22. (function(Ajax){

24. Ajax.get = function(url,data,func,dataType){

25. init(url,data,'GET',func,dataType);

26. }

28. Ajax.post = function(url,data,func,dataType){

29. init(url,data,'POST',func,dataType);

30. }

32. Ajax.json = function(url,data,func){

33. init(url,data,'GET',func,'json');

34. };

35. Ajax.upload = function(params){

36. //do something, not realized, follow up!!

37. }

38. function init(url,data,requestType,func,dataType){

39. 
    

40. if(!url){

41. alert('Request url can not be empty!');

42. return false;

43. }

45. var dlen = count(data);

46. if(requestType=='GET'){

47. if(dlen){

48. var search = kvalue(data);

49. url = (url.indexOf('?')==-1)?(url+'?'+search):(url+search);

50. }

51. data = null;

52. }else if(requestType=='POST'){

53. if(!dlen)

54. data = null;

55. else

56. data = kvalue(data);

57. }

59. var xmlHttp        = false,

60.    requestType    = requestType || 'GET';

61. dataType       = dataType || 'json';

62. func           = func || function(param){};

64. if(window.XMLHttpRequest){

65. xmlHttp = new XMLHttpRequest();

66. }else{

67. try

68. {

69. xmlHttp = new ActiveXObject("Msxml2.XMLHTTP.5.0");

70. }catch(e){

71. try

72. {

73. xmlHttp = new ActiveXObject("Msxml2.XMLHTTP.4.0");

74. }catch(e){

75. try

76. {

77. xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

78. }catch(e){

79. try{

80. xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

81. }catch(e){

82. 
    

83. }

84. }

85. }

86. }

87. }

89. if(!xmlHttp){

90. alert('Your browser does not support Ajax!');

91. return false;

92. }

93. if(xmlHttp.overrideMimeType){ 

94. xmlHttp.overrideMimeType('text/html');

95. }

96. var accept =  {

97. text: 'text/plain',

98. html: 'text/html',

99. xml : 'application/xml,text/xml',

100. json: 'application/json,text/javascript'

101. };

102. //get,post,put,delete

103. xmlHttp.open(requestType,url,true);

104. if(requestType == 'POST'){

105. xmlHttp.setRequestHeader('Content-type','application/x-www-form-urlencoded;charset=UTF-8');

106. //xmlHttp.setRequestHeader('Content-type','multipart/form-data');

107. }

108. xmlHttp.setRequestHeader('Accept', accept[dataType]+';q=0.9,image/webp,*/*;q=0.8');

109. xmlHttp.setRequestHeader('Accept-Language', 'zh-cn,zh;q=0.8');

110. xmlHttp.setRequestHeader('Cache-Control', 'max-age=21600');

111. xmlHttp.onreadystatechange = function(){

112. if((xmlHttp.readyState == 4) && xmlHttp.status == 200){

113. var d = xmlHttp.responseText;

114. if(dataType == 'json'){

115. d = JSON.parse(d);

116. }

117. func(d);

118.    };

119. } 

120. xmlHttp.send(data);

121. }

123. function kvalue(params,sep)

124. {

125. var kv  = '';

126. sep = sep || '&';

127. for(key in params){

128. kv+=key+'='+params[key]+sep;

129. }

130. return kv.substring(0,kv.length-1);

131. }

133. function count(data)

134. {

135. var index = 0;

136. for(i in data){

137.   index++;

138. }

139. return index;

140. }

141. })(Ajax);