[转]ajax加载内容示例

今天在cnblogs.com转了一天,现在正在学习AJAX,发现这篇不错,学习一下...

函数:

function RequestmainList(url,divh,divs)

@url 被调用的url 可以带参数

@divh 当前需要处理的div,也是目前div

@divs 状态div 例如loading......

调用示例:

RequestmainList('url.........','mainlist','loading')

/*ajax 对象 只要用于加载相册内 图片列表

*

*

*/

var xmlHttp;

function creatXMLHttpRequest() {

if(window.XMLHttpRequest) {

//xmlHttp = new XMLHttpRequest();

xmlHttp = new XMLHttpRequest();

if (xmlHttp.overrideMimeType)

{

xmlHttp.overrideMimeType('text/XML');

}

}

else if(window.ActiveXObject)

{

try

{

xmlHttp = new ActiveXObject("MsXML2.XMLHTTP");

}

catch (e)

{

try

{

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

catch (e) {}

}

xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');

}

if (!xmlHttp)

{

alert('你的浏览器不支持本系统的某些服务:(');

return false;

}

}

/********************************/

/*

* 页面列表请求

*/

var divhidden;

var divshow;

function RequestmainList(url,divh,divs) {

divhidden=divh;

divshow=divs;

document.getElementById(divs).style.display = "";

var queryString;

queryString = url;

creatXMLHttpRequest();

xmlHttp.open("get",url,"true");

xmlHttp.onreadystatechange = pageupdate;

xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");

xmlHttp.send(queryString);

}

function pageupdate()

{

if(xmlHttp.readyState == 1)

{

document.getElementById(divhidden).style.display = "";

}

if(xmlHttp.readyState == 4)

{

if(xmlHttp.status == 200)

{

document.getElementById(divhidden).style.display = "";

document.getElementById(divshow).style.display = "none";

var responseText = xmlHttp.responseText;

document.getElementById(divhidden).innerHTML = responseText;

}

}

}

/*******************************/