首页 / AJAX / Ajax类库及使用方法
Ajax类库及使用方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Ajax类库及使用方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3216字，纯文字阅读大概需要5分钟。
内容图文
1
function
Ajax(recvType){
2
var aj=new Object();
3 aj.recvType=recvType ? recvType.toUpperCase() : ‘HTML‘ //HTML XML 4 aj.targetUrl=‘‘;
5 aj.sendString=‘‘;
6 aj.resultHandle=null;
7 aj.createXMLHttpRequest=function(){
8var request=false;
9//window对象中有XMLHttpRequest存在就是非IE，包括（IE7，IE8） 10if(window.XMLHttpRequest){
11 request=new XMLHttpRequest();
12if(request.overrideMimeType){
13 request.overrideMimeType("text/xml");
14 }
15//window对象中有ActiveXObject属性存在就是IE 16 }elseif(window.ActiveXObject){
17var versions=[‘Microsoft.XMLHTTP‘, ‘MSXML.XMLHTTP‘, ‘Msxml2.XMLHTTP.7.0‘,‘Msxml2.XMLHTTP.6.0‘,‘Msxml2.XMLHTTP.5.0‘, ‘Msxml2.XMLHTTP.4.0‘, ‘MSXML2.XMLHTTP.3.0‘, ‘MSXML2.XMLHTTP‘];
18for(var i=0; i<versions.length; i++){
19try{
20 request=new ActiveXObject(versions[i]);
21if(request){
22return request;
23 }
24 }catch(e){
25 request=false;
26 }
27 }
28 }
29return request;
30 }
31 aj.XMLHttpRequest=aj.createXMLHttpRequest();
32 aj.processHandle=function(){
33if(aj.XMLHttpRequest.readyState == 4){
34if(aj.XMLHttpRequest.status == 200){
35if(aj.recvType=="HTML")
36 aj.resultHandle(aj.XMLHttpRequest.responseText);
37elseif(aj.recvType=="XML")
38 aj.resultHandle(aj.XMLHttpRequest.responseXML);
39 }
40 }
41 }
4243 aj.get=function(targetUrl, resultHandle){
44 aj.targetUrl=targetUrl;
4546if(resultHandle!=null){
47 aj.XMLHttpRequest.onreadystatechange=aj.processHandle;
48 aj.resultHandle=resultHandle;
49 }
50if(window.XMLHttpRequest){
51 aj.XMLHttpRequest.open("get", aj.targetUrl);
52 aj.XMLHttpRequest.send(null);
53 }else{
54 aj.XMLHttpRequest.open("get", aj.targetUrl, true);
55 aj.XMLHttpRequest.send();
56 }
57 }
5859 aj.post=function(targetUrl, sendString, resultHandle){
60 aj.targetUrl=targetUrl;
61if(typeof(sendString)=="object"){
62var str="";
63for(var pro in sendString){
64 str+=pro+"="+sendString[pro]+"&";
65 }
66 aj.sendString=str.substr(0, str.length-1);
67 }else{
68 aj.sendString=sendString;
69 }
70if(resultHandle!=null){
71 aj.XMLHttpRequest.onreadystatechange=aj.processHandle;
72 aj.resultHandle=resultHandle;
73 }
74 aj.XMLHttpRequest.open("post", targetUrl);
75 aj.XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
76 aj.XMLHttpRequest.send(aj.sendString);
77 }
78return aj;
79 }
<script type="text/javascript">
var ajax = Ajax(); // 实例化对象，默认为 HTTP，如果传入 XML，返回 XML 对象 // Ajax 的 get 方法使用说明 /**
* function(targetUrl, resultHandle)
* @param string targetUrl 传递过去的 URL 地址
* @param string resultHandle 回调函数，可选项
*/
ajax.get(‘test.php?name=liruxing&email=liruxing1715@sina.com‘, function(data) {
eval("var obj="+data);
alert(obj.name);
alert(obj.email);
});
// Ajax 的 post 方法使用说明 /**
* function(targetUrl, sendString, resultHandle)
* @param string targetUrl 传递过去的 URL 地址
* @param string sendString 参数值
* @param string resultHandle 回调函数，可选项
*/
ajax.post(‘test.php‘, ‘name=liruxing&email=liruxing1715@sina.com‘, function(data){
eval("var obj="+data);
alert(obj.name);
alert(obj.email);
})
// post 第二种格式，第二个参数为 Json 格式
ajax.post(‘test.php‘, {name:‘李茹星‘,email:‘liruxing1715@sina.com‘}, function(data){
eval("var obj="+data);
alert(obj.name);
alert(obj.email);
})
</script>
原文：http://www.cnblogs.com/SharkChilli/p/6891760.html
内容总结
以上是互联网集市为您收集整理的Ajax类库及使用方法全部内容，希望文章能够帮你解决Ajax类库及使用方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】