您好,欢迎来到网站制作教程网!
css教程 css布局 web标准 浏览器兼容
access基础 mysql基础 sql server基础教程 oracle基础教程
fireworks教程 Dreamweaver教程 Flash教程 网页设计原理 网页欣赏
ASP基础教程 asp.net基础教程 html教程 xhtml教程 ajax教程 xml入门教程 正规则表达式
seo基础教程 策划盈利教程 建站基础
链接特效 导航特效 文本特效 日期时间特效 状态栏特效
javascript教程 vbscript教程
php与Smarty教程 php基础教程 php与数组教程 php与字符串教程 php与数据库
Web服务器教程 ftp服务器教程
ps制作网页元素 ps调色 ps抠图 ps照片美容 photoshop合成 ps文字效果 ps基础与技巧 coreldraw基础 ai基础 平面设计理论

好用的AJAX类代码分享

时间:2011-12-28 15:30来源:未知 作者:admin 点击:

好用的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方法使用正确


Tags:
网站制作教程
责任编辑:admin

发表评论

请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码:点击我更换图片

最新评论

  • 网络营销
  • 服务器
  • 数据库