最简单的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请求的jsp文件：auto.jsp
<%@ page contentType="text/html; charset=gb2312" %>
<%
//设置输出信息的格式及字符集
response.setContentType("text/xml; charset=UTF-8");
response.setHeader("Cache-Control","no-cache&q ......
一、XMLHttpRequest 对象的方法与属性
方 法
描 述
abort()
停止当前请求
getAllResponseHeaders()
把HTTP请求的所有响应首部作为键/值对返回
getResponseHeader("header")
返回指定首部的串值
open("method", "url")
建立对服务器的调用。method参数可以是GET、POST或PUT。 ......
写了一个 用户自定义控件，有两个dropdownlist 关联。为了避免刷新使用ajax 实现。
defautl页面中使用到了这个用户控件，但是取值永远不是ajax赋值的结果而是初始化的值。
但把这两个dropdownlist 放到default 页面就能正常取值 不知道是什么原因。 ......
Ajax.js
// AJAX类
function AJAXRequest() {
var xmlObj = false;
var CBfunc,ObjSelf;
ObjSelf=this;
try { xmlObj=new XMLHttpRequest; }
catch(e) {
try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
catch(e2) {
try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e3) { ......
