php + Ajax ＋ loading

Ajax实现简单效果：

<script language=”javascript”>
/**
* 初始化一个xmlhttp对象
*/
function InitAjax()
{
　var ajax=false;
　try {
　　ajax = new ActiveXObject(“Msxml2.XMLHTTP”);
　} catch (e) {
　　try {
　　　ajax = new ActiveXObject(“Microsoft.XMLHTTP”);
　　} catch (E) {
　　　ajax = false;
　　}
　}
　if (!ajax && typeof XMLHttpRequest!=’undefined’) {
　　ajax = new XMLHttpRequest();
　}
　return ajax;
}
function getNews(newsID)
{
　//如果没有把参数newsID传进来
　if (typeof(newsID) == ‘undefined’)
　{
　　return false;
　}
　//需要进行Ajax的URL地址
　var url = “show.php?id=”+ newsID;
　//获取新闻显示层的位置
　var show = document.getElementById(“show_news”);
　//实例化Ajax对象
　var ajax = InitAjax();
　//使用Get方式进行请求
　ajax.open(“GET”, url, true);
　//获取执行状态
　ajax.onreadystatechange = function() {
　　if (ajax.readyState == 4 && ajax.status == 200) {
　　　show.innerHTML = ajax.responseText; //如果执行是状态正常，那么就把返回的内容赋值给上面指定的层
　　}
else show.innerHTML =”<img src=’ajax-loader.gif’> loading…”; //若响应未完成的话，则显示loading..也可以加上旋转的小图标效果了
　}
　//发送空
　ajax.send(null);
}
</script>

链接和接收层的代码分别为：

<a href=”#” mce_href=”#” onClick=”getNews(1)”>新闻</a>
<div id=”show_news”></div>

show.php可以随便写，想怎么写怎么写。

然后，去http://www.ajaxload.info  下载个自己喜欢的图标.

然后，你就可以看见那可爱的小图标在忙的时候转啊转的了，真帅！

以前一直没敢接触ajax，今天才发现，原来，它很好用，当然，深层开发还是有些难度，但总算有个开始了！