AJAX的使用方法列举

这是尚德H5页面中的一段JQ ajax的使用代码，

1. $.ajax({
2. 　　url:url + "?mobile=" + phoneNumber + "&callback=?",
3. 　　dataType:‘jsonp‘,
4. 　　processData: false,
5. 　　type:‘get‘,
6. 　　success:function(data){     //成功时的 回调函数
7. 　　　　if(data){
8. 　　　　　　var param = "";
9. 　　　　　　var joinDate = data.joinDateString;
10. 　　　　　　var joinRank = data.joinRank;
11. 　　　　　　var packageCount = data.packageCount;
12. 　　　　　　var firstPackageName = data.firstPackageName;
13. 　　　　　　var classmateCount = data.classmateCount; 
14. 　　　　　　var attendLessonCount = data.attendLessonCount;
15. 　　　　　　var attendLessonTime = data.attendLessonTime; 
16. 　　　　　　param = "joinDate=" + joinDate;
17. 　　　　　　param += "&joinRank=" + joinRank;
18. 　　　　　　param += "&packageCount=" + packageCount;
19. 　　　　　　param += "&firstPackageName=" + encodeURI(firstPackageName);
20. 　　　　　　param += "&classmateCount=" + classmateCount;
21. 　　　　　　param += "&attendLessonCount=" + attendLessonCount;
22. 　　　　　　param += "&attendLessonTime=" + attendLessonTime;
23. 　　　　　　window.location.href = host + "h5/index.html?" + param;     //传递数据 打开新页面
24. 　　　　}else{
25. 　　　　　　$("#login").hide();
26. 　　　　　　$("#error").show();
27. 　　　　}
28. 　　},
29. 　　error:function(XMLHttpRequest, textStatus, errorThrown) {
30. 　　　　alert(textStatus);
31. 　　}
32. });

阿飞老师的一段AJAX的代码段：

1. function ajax(aJson){
2. 　　var type = aJson.type || ‘get‘;
3. 　　　　// type 接收 传输方法 get or post ，默认 get
4. 　　var asyn = aJson.asyn || true;
5. 　　　　// asyn 接收 是否异步 true=异步，false=同步，默认true
6. 　　var url = aJson.url;
7. 　　　　// url 接收 传输位置
8. 　　var success = aJson.success;
9. 　　　　// success 接收 传输完成后的回调函数
10. 　　var data = aJson.data || ‘‘;
11. 　　　　// data 接收需要附带传输的数据
12. 　　　　//创建ajax对象
13. 　　var xhr = null;
14. 　　if ( window.XMLHttpRequest ){
15. 　　　　xhr = new XMLHttpRequest();
16. 　　}else{
17. 　　　　xhr = new ActiveXObject( ‘Microsoft.XMLHTTP‘ );
18. 　　}
19. 　　　　//get方法附带数据拼接到url
20. 　　if(type==‘get‘&& data)url += ‘/?‘+ data + ‘&‘ + Math.random();
21. 　　　　//初始化ajax请求
22. 　　xhr.open( type , url , asyn );
23. 　　　　//规定传输数据的格式
24. 　　xhr.setRequestHeader(‘content-type‘,‘application/x-www-form-urlencoded‘);
25. 　　　　//发送ajax请求（包括post数据的传输）
26. 　　type==‘get‘?xhr.send():xhr.send( aJson.data );
27. 　　　　//当ajax请求状态发生改变时执行的函数
28. 　　xhr.onreadystatechange = function(){
29. 　　　　//请求成功的话
30. 　　　　if (xhr.readyState == 4){
31. 　　　　　　if ( xhr.status >= 200 && xhr.status < 300){
32. 　　　　　　　　//回调函数
33. 　　　　　　　　success && success( xhr.responseText );
34. 　　　　　　}else{
35. 　　　　　　　　alert(‘哥们儿，不好意思，出错啦‘ + xhr.status )
36. 　　　　　　}
37. 　　　　}
38. 　　};
39. }

AJAX的使用方法列举

原文：http://www.cnblogs.com/swl267/p/5225890.html