最简单的Ajax入门例程
<?php
if(isset($_GET['do']) && $_GET['do']==='ajax')
{
exit("{msg:'Hello World!'}");
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Demo</title>
<script type="text/javascript">
function readyStateChangeHandle(xhr)
{
// 具体操作,需要了解一下JavaScript的相关知识
eval('var result='+xhr.responseText);
window.alert(result.msg);
}
function Ajax()
{
// 创建异步请求对象
var xhr=window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
// 判断一下对象是否创建成功
if(!xhr)
{
return false;
}
// 设置异步请求处理函数(这里用匿名函数而不直接用定义好的函数,主要是方便传递参数)
xhr.onreadystatechange=function(){
// readyState有4种状态(0=UNINITIALIZED,1=LOADING,2=LOADED,3=INTERACTIVE,4=COMPLETED)
if(xhr.readyState==4)
{
// status实际上就是HTTP状态码
if(xhr.status==200)
{
readyStateChangeHandle(xhr);
}
}
};
xhr.open("GET","ajax.php?do=ajax",true);
xhr.send(null);
}
</script>
</head>
<body>
<button type="button" onclick="Ajax();">Ajax</button>
</body>
</html>
相关文档：
有关ajax的其实就是1个类的使用:XMLHttpRequest.
首先要声明这个类的对象，鉴于各个浏览器把这个类嵌入的方式不同，声明的方式也不同：
var xmlHttpReq = null;
if (window.XMLHttpRequest) //Mozilla 浏览器
{
xmlHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) // ......
这里不是指调用简单的 PageMethod，因为静态方法是不能操作当前页面的控件的，所以静态的 PageMethod 作用就跟普通的 WebService 一样，比较局限。
那么，调用一般的服务器端方法，其实就是发起一个异步回调。最简单的实现办法，是通过 UpdatePanel 来做。
首先定义一个隐藏的 LinkButton，在其处理事件中，去调用我们要� ......
转：http://hi.baidu.com/playkk/blog/item/9b5f99952fb4c94fd0135e0c.html
1、Ajax.net 做为Ajax技术在dotNet 框架下的实现，作者Michael Schwarz采取了一种封装效果相当棒的技术：将客户端处理XML、事件调用方式都封装在2个Javascript文件中（AjaxPro.prototype.js 和AjaxPro.core.js），同时将这2个重要文件以资源的� ......
Ajax框架介绍
到此为止，你可能已经注意到，使用Ajax编程时有很多麻烦事。如果你要支持多个浏览器（现在还有谁只支持一个浏览器呢？），无疑会遭遇不兼容问题。单看一个简单的动作，比如说创建XMLHttpRequest对象的一个实例，这需要先进行浏览器测试。一旦开始尝试使用Ajax技术，你很快就会注意到要反复地完成同样的一 ......
