AJAX指南（1）---- Hello，world！

发布时间: 2007-03-19 12:35 作者: 未知来源: 未知浏览：评论

//获取服务段的响应文本
var helloStr = http.responseText;

//插入响应到ID为ajax-sample的DIV标签内
document.getElementById("ajax-sample").innerHTML = helloStr;
}
}

function HelloWorld()
{
var url = "hello.php";

//指定服务端的地址
http.open("GET", url, true);
//请求状态变化时的处理函数
http.onreadystatechange = getHello;
//发送请求
http.send(null);
}

将上面这段代码插入Head标签，然后将Body标签的onload属性设为HelloWorld方法，整个客户端就完工了。

服务端(hello.php )相当简单，它只是向客户端发送一个Hello World消息：
<?php
echo "Hello, world!";
?>

最后需要注意的是，出于安全方面的考虑，HTTP请求对象只能向同一个域(domain)发送请求，也就是hello.html和hello.php必须属于同一个域，但是允许使用.和..，也就是说他们可以处于不同的目录。

点击这里查看Demo（http://lilac.greatweb.cn/zhangyuanyi/ajax-tu/ajax-tu1.html）。

上一篇在ASP.NET中实现AJAX 下一篇用AJAX技术来实现天气预报功能