使用XMLHTTP 获取服务器数据,实现无刷新效果
2007-08-24 16:54
507 查看
<script language="javascript">
var http_request = false;
function send_request(url)
{//初始化、指定处理函数、发送请求的函数
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType)
{//设置MiME类别
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject)
{ // IE浏览器
try
{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{}
}
}
if (!http_request) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open("Get", url, false);
http_request.send(null);
}
// 处理返回信息的函数
function processRequest()
{
if (http_request.readyState == 4)
{ // 判断对象状态
if (http_request.status == 200)
{ // 信息已经成功返回,开始处理信息
//alert("您有新的消息需要处理。");
var strTemp = http_request.responseText;
var nint = -1;
nint = strTemp.indexOf("*");
if ( nint != -1)
{
pop();//显示弹出框表示有新消息
}
document.getElementById("ieslider").innerHTML = strTemp;
}
else
{ //页面不正常
alert("您所请求的页面有异常。");
}
}
}
function userCheck()
{
send_request('RefurbishNews.aspx');
}
//第一次执行
function MyShow()
{
//2秒自动刷新一次,2秒取得一次数据
timer = window.setInterval("userCheck()",60000);
}
</script>
var http_request = false;
function send_request(url)
{//初始化、指定处理函数、发送请求的函数
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType)
{//设置MiME类别
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject)
{ // IE浏览器
try
{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{}
}
}
if (!http_request) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open("Get", url, false);
http_request.send(null);
}
// 处理返回信息的函数
function processRequest()
{
if (http_request.readyState == 4)
{ // 判断对象状态
if (http_request.status == 200)
{ // 信息已经成功返回,开始处理信息
//alert("您有新的消息需要处理。");
var strTemp = http_request.responseText;
var nint = -1;
nint = strTemp.indexOf("*");
if ( nint != -1)
{
pop();//显示弹出框表示有新消息
}
document.getElementById("ieslider").innerHTML = strTemp;
}
else
{ //页面不正常
alert("您所请求的页面有异常。");
}
}
}
function userCheck()
{
send_request('RefurbishNews.aspx');
}
//第一次执行
function MyShow()
{
//2秒自动刷新一次,2秒取得一次数据
timer = window.setInterval("userCheck()",60000);
}
</script>
相关文章推荐
- 使用回调函数实现socket服务器端子线程刷新UI数据(socket通信第三弹)
- Asp.net使用JQuery实现评论的无刷新分页及分段延迟加载效果
- android 实现服务器连接获取数据和传递数据(1)
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- vue单页应用中,使用setInterval()定时向服务器获取数据,后来跳转页面后,发现还在不停的获取数据。
- 微信公众号用java中控服务器-实现用户网页授权和获取使用JS-SDK权限
- 实现日夜间转换获取数据上下刷新(myAdapter)
- 使用jsonp实现跨域获取数据实例讲解
- .NET中使用js实现百度搜索下拉提示效果[不是局部刷新,呜呜。。]
- 使用jsp自定义标签库实现数据列表显示模拟cms4j中的标签库效果
- Asp使用XMLHTTP方式上实现数据抓取!
- <<第一行代码>>--自定义HttpUtils类并使用回调获取服务器返回数据
- 使用xmlhttp实现无刷新三级联动
- 使用XMLHTTP Request Object获取服务器数据
- android开发案例之使用JSON数据向服务器提交和获取服务器传递的Json数据
- 关于使用Jquery Ajax点击checkbox 获取数据库 实现刷新当前页面
- 使用ajax和json实现迭代数据的效果
- 使用TCP协议实现客户端和服务器数据传输
- 使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现
- 使用JQuery结合HIghcharts实现从后台获取JSON实时刷新图表