怎样使用AJAX技术实现页面的定时刷新

发布网友 发布时间：2022-05-06 11:57

我来回答

共2个回答

懂视网 时间：2022-05-15 05:16

这篇文章主要介绍了Ajax方式实现定期更新页面某块内容的方法,涉及jquery中load方法Ajax调用及setInterval定时执行的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了Ajax方式实现定期更新页面某块内容的方法。分享给大家供大家参考。具体实现方法如下：

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

Ajax获取响应内容长度的方法

ajax遍历xml文档的方法

Ajax在请求过程中显示进度的简单实现

热心网友 时间：2022-05-15 02:24

function createXMLHttpRequest()
{
var g_xhRequest=null;
try
{
g_xhRequest= new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
g_xhRequest=null;
}
if(g_xhRequest==null)
{
try
{
g_xhRequest=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
g_xhRequest=null;
}
if(g_xhRequest==null)
{
try
{
g_xhRequest= new XMLHttpRequest();
}
catch(e)
{
g_xhRequest= null;
}
}
}
return g_xhRequest;
}

function SendRequest(url,callback)
{
var g_xhRequest=null;
g_xhRequest=createXMLHttpRequest();
if(g_xhRequest!=null&&(g_xhRequest.readyState!=0&&g_xhRequest.readyState!=4))
{
g_xhRequest.abort();
}
g_xhRequest=createXMLHttpRequest();
if(g_xhRequest==null)
{
window.status="Global: XMLHttpRequest not supported";
}
try
{
g_xhRequest.onreadystatechange=createFunction(null,"updatePage",callback,g_xhRequest);
g_xhRequest.open("GET",url,true);
g_xhRequest.send(null);
}catch(e)
{
window.status="Global: XMLHttpRequest Send Error:["+e+"]";
}
}
function updatePage(callback,g_xhRequest)
{
if(g_xhRequest.readyState == 4)
{
if(g_xhRequest.status == 200)
{
callback(g_xhRequest.responseText);
}
else if (g_xhRequest.status == 404)
{
window.status="File lost!";
}
else if (g_xhRequest.status == 500)
{
window.status="server Error!";
}
else
{
window.status="Error: status code is " + g_xhRequest.status;
}
}
}
//========================通讯框架==============================
//========================消息框架==============================
//将有参数的函数封装为无参数的函数
function createFunction(obj,strFunc)
{
var args=[]; //定义args用于存储传递给事件处理程序的参数
if(!obj)obj=window; //如果是全局函数则obj=window;
//得到传递给事件处理程序的参数
for(var i=2;i<arguments.length;i++)args.push(arguments[i]);
//用无参数函数封装事件处理程序的调用
return function(){ obj[strFunc].apply(obj,args);}//将参数传递给指定的事件处理程序
}
//========================消息框架==================