ajax库类以及使用方法

原创 2016年05月30日 10:28:50
function Ajax(recvType){
var aj=new Object();
aj.recvType=recvType ? recvType.toUpperCase() : 'HTML' //HTML XML
aj.targetUrl='';
aj.sendString='';
aj.resultHandle=null;
aj.createXMLHttpRequest=function(){
var request=false;
//window对象中有XMLHttpRequest存在就是非IE,包括(IE7,IE8)
if(window.XMLHttpRequest){
request=new XMLHttpRequest();
if(request.overrideMimeType){
request.overrideMimeType("text/xml");
}
//window对象中有ActiveXObject属性存在就是IE
}else if(window.ActiveXObject){
var 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'];
for(var i=0; i<versions.length; i++){
try{
request=new ActiveXObject(versions[i]);
if(request){
return request;
}
}catch(e){
request=false;
}
}
}
return request;
}

aj.XMLHttpRequest=aj.createXMLHttpRequest();
aj.processHandle=function(){
if(aj.XMLHttpRequest.readyState == 4){
if(aj.XMLHttpRequest.status == 200){
if(aj.recvType=="HTML")
aj.resultHandle(aj.XMLHttpRequest.responseText);
else if(aj.recvType=="XML")
aj.resultHandle(aj.XMLHttpRequest.responseXML);
}
}
}


aj.get=function(targetUrl, resultHandle){
aj.targetUrl=targetUrl;

if(resultHandle!=null){
aj.XMLHttpRequest.onreadystatechange=aj.processHandle;
aj.resultHandle=resultHandle;
}
if(window.XMLHttpRequest){
aj.XMLHttpRequest.open("get", aj.targetUrl);
aj.XMLHttpRequest.send(null);
}else{
aj.XMLHttpRequest.open("get", aj.targetUrl, true);
aj.XMLHttpRequest.send();
}
}


aj.post=function(targetUrl, sendString, resultHandle){
aj.targetUrl=targetUrl;
if(typeof(sendString)=="object"){
var str="";
for(var pro in sendString){
str+=pro+"="+sendString[pro]+"&";
}
aj.sendString=str.substr(0, str.length-1);
}else{
aj.sendString=sendString;
}
if(resultHandle!=null){
aj.XMLHttpRequest.onreadystatechange=aj.processHandle;
aj.resultHandle=resultHandle;
}
aj.XMLHttpRequest.open("post", targetUrl);
aj.XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
aj.XMLHttpRequest.send(aj.sendString);
}
return aj;

}

//使用方法

<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>




封装自己的ajax库

/** * 哪些是公共不变的? 哪些是可以改变的或者将来需要改变的,把这些改变的作为参数。 * 创建ajax 打开页面 发送数据 添加监听 这些是不变 * 可以改变的: * ...
  • qq_35844177
  • qq_35844177
  • 2017年02月13日 09:37
  • 2211

得到请求的类型 ajax和普通请求

request.getHeader("X-Requested-With"); ajax请求得到的是XMLHttpRequest 普通请求得到的是 null 适用于判断请求类型...
  • qq_35643724
  • qq_35643724
  • 2017年03月24日 09:03
  • 216

AJAX概述,应用场景和其优缺点

AJAX小例子: Insert title here window.onload=function(){//文档加载完毕后执行 //得到btn元素 var btn = d...
  • u012110719
  • u012110719
  • 2015年04月23日 17:03
  • 2381

用JS写的一个Ajax库

myajax是一个用js编写的一个跨浏览器的ajax库,支持get, post, jsonp请求,精巧,简单。 一、发送GET请求: myajax.get({ data: {}, //参数 ...
  • zouchao911
  • zouchao911
  • 2014年12月05日 15:25
  • 347

初学者-$.ajax基本使用

网页如果不使用AJAX的话,如果想更新内容必须要重载整个页面,使用AJAX后可以通过后台与服务器进行数据交换,使网页实现异步更新。使网页在不用重新加载整个页面的情况下刷新局部的数据,这样可以让用户有更...
  • u014238512
  • u014238512
  • 2016年08月22日 16:07
  • 225

HTML解析库Gumbo的使用(二)

html代码如下: I'm a title 是一个节点,type为:GUMBO_NODE_ELEMENT,它有三个字节点,分别为: 1)、第一个节点为空白符、换行符的空白节点,typ...
  • fjb2080
  • fjb2080
  • 2018年01月09日 12:32
  • 68

WndProc函数的用法 结构 句柄 前缀的用法

WndProc : 用于WndProc的第二个参数的UINT数据型态只是一个unsigned int (无正负号整数) ,在Windows 98中,这是一个32位的值。用于WinMain的第三个参数...
  • xlm289348
  • xlm289348
  • 2012年10月09日 09:59
  • 1012

AJAX简单使用介绍

Ajax被认为是(Asynchronous(异步) JavaScript And Xml的缩写)。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. 同步是指:发送...
  • liuhenghui5201
  • liuhenghui5201
  • 2014年03月16日 00:12
  • 14817

Play Framework ajax集成使用

var listAction = #{jsAction @list(':search', ':size', ':page') /} $('#result').load(listAction({s...
  • Jerry_BJ
  • Jerry_BJ
  • 2014年07月23日 10:16
  • 1184

JDOM主要使用方法以及类

1.Ducument类 (1)Document的操作方法: Element root=new Element("GREETING"); Document doc=new Document(roo...
  • xd123softwarec520sdn
  • xd123softwarec520sdn
  • 2012年06月12日 15:07
  • 358
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax库类以及使用方法
举报原因:
原因补充:

(最多只允许输入30个字)