好用的AJAX类代码分享

 更新时间:2011年11月29日 22:36:06   作者:  
好用的AJAX类代码分享,需要的朋友可以参考下。
ajax.js
-------------------------[ajax类]--------------------------
复制代码 代码如下:

function Ajax(recvType){
var aj=new Object();
aj.recvType=recvType ? recvType.toUpperCase() : 'HTML'; //向形参中传递的文件类型
aj.targetUrl='';
aj.sendString='';
aj.resultHandle=null;
/*创建XMLHttpRequest对象*/
aj.createXMLHttpRequest=function(){
var xmlHttp = false;
if(window.XMLHttpRequest){ //在非IE中创建XMLHttpRequest对象
xmlHttp = new XMLHttpRequest();
}else if(window.ActiveXObject){
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); //按新版IE创建
}catch(error1){ //创建失败
try{
xmlHttp = new ActiveXobject("Microsoft.XMLHttp"); //按老版IE创建
}catch(error2){ //创建失败
xmlHttp = false;
}
}
}
return xmlHttp;
}
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);
}
}
}
/*定义使用get方法传递的方法*/
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();
}
}
/*定义使用post方法传递的方法*/
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;
}

-------------------------[使用方法]--------------------------
useAjax.html
复制代码 代码如下:

<script src="ajax.js"></script>
<script language="javascript" type="text/javascript">
var ajax=Ajax();
/*get使用方式*/
ajax.get("server.php?name=zhangsan&phone=778", function(data){
alert(data); //data为从服务器端读取的数据
});
/*第一种post使用方式*/
/* ajax.post("server.php", "name=ligang&phone=222", function(data){
alert(data);
});
*/
/*第二种post使用方式*/
/* ajax.post("server.php", {name:"tom",phone:"456"},function(data){
alert(data);
});
*/
</script>
server.php
<?php
header("Content-type:text/html;charset=gb2312");
$str = "姓名:{$_GET["name"]}\n电话:{$_GET["phone"]}";
echo $str;
?>

在浏览器中输入useAjax.html的地址,若出现

则Ajax方法使用正确

相关文章

  • Ajax基础详解教程(一)

    Ajax基础详解教程(一)

    ajax技术在前端应用开发中经常会用到,是必须要掌握的知识。下面脚本之家小编给大家带来了Ajax基础详解教程(一),感兴趣的朋友跟着一起学习吧
    2016-06-06
  • Ajax创建XMLHttp对象的完美兼容性代码

    Ajax创建XMLHttp对象的完美兼容性代码

    Ajax创建XMLHttp对象的完美兼容性代码,需要的朋友可以参考下。
    2011-11-11
  • 往xml中更新节点的实例代码

    往xml中更新节点的实例代码

    下面小编就为大家带来一篇往xml中更新节点的实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • ajax跨域请求js拒绝访问的解决方法

    ajax跨域请求js拒绝访问的解决方法

    这篇文章主要介绍了ajax跨域请求js拒绝访问的解决方法,需要的朋友可以参考下
    2014-05-05
  • Ajax中的循环方案

    Ajax中的循环方案

    在开发中,当一个列表页面加载完成后,我需要根据列表每一项的id去服务器端获取对应的数据然后再把获取的数据赋给当前id对应的标签,怎么实现的呢?下面小编给大家介绍下ajax中的循环方案,感兴趣的朋友一起学习吧
    2016-10-10
  • ajax post方式表单提交setRequestHeader报错解决方法

    ajax post方式表单提交setRequestHeader报错解决方法

    ajax post方式表单提交设置异步对象的xhr.setRequestHeader,在谷歌浏览器的编译器中显示传值在Request Payload中这是错误的
    2014-09-09
  • AJAX浅析数据交换的实现

    AJAX浅析数据交换的实现

    在AJAX中,最常用的就是JSON,XML因为比较冗杂所以用的比较少。所以我们先来说基于JSON的数据交换。最后我们还会提到在数据交换中出现乱码的形式
    2022-08-08
  • ajax提交数据到后台php接收(实现方法)

    ajax提交数据到后台php接收(实现方法)

    下面小编就为大家带来一篇ajax提交数据到后台php接收(实现方法)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Ajax 实现网站劫持的检测方法

    Ajax 实现网站劫持的检测方法

    https可以彻底解决劫持的问题。但是一般虚拟主机都不支持 https,难道http只能任流氓们恶意劫持么?下面通过本文给大家介绍Ajax 实现网站劫持的检测方法,需要的朋友可以参考下
    2017-08-08
  • 使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页

    使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页

    本文给大家介绍基于jquery+ajax+json实现数据分页显示,以及JAVA+JQuery实现异步分页,本文代码简单易懂,非常具有参考价值,感兴趣的朋友一起学习吧
    2015-10-10

最新评论