用AJAX实现无刷新数据读取与显示
来源:互联网 发布:淘宝卖果茶需要什么 编辑:程序博客网 时间:2024/04/19 13:21
*******数据显示页ajax.asp:
<script type="text/javascript">
<!--
/*
* Author: Wintalen
* Email: winalen (at) 163.com
* OICQ: 83151085
* CopyRight: www.jgzx.net
*/
//3个用于实现无刷新数据读取的函数
var xmlHttp ;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function startRequest()
{
createXMLHttpRequest();
var url = "test.asp";
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
setTimeout("startRequest()",1000);
}
function handleStateChange()
{
if(xmlHttp.readyState == 1)
{
document.getElementById("weather").innerHTML = "正在连接服务器......";
}
else if(xmlHttp.readyState == 2)
{
document.getElementById("weather").innerHTML = "正在加载信息......";
}
else if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
document.getElementById("show").innerHTML = xmlHttp.responseText;
}
else
{
document.getElementById("weather").innerHTML = "数据读取失败,请稍后再试......";
}
}
else
{
document.getElementById("weather").innerHTML = "服务器连接失败!";
}
}
//-->
</script>
<body onload="startRequest();">
<div id="show"></div>
</body>
********数据生成页test.asp:
<%
'下面这两行不能少,一定要加上才能实现更新效果
Response.Buffer=true
Response.Expires=0
%>
<%=now()%>
- 用AJAX实现无刷新数据读取与显示
- jquery实现ajax无刷新读取服务器返回数据
- 利用Ajax与数据岛实现无刷新绑定
- 利用Ajax与数据岛实现无刷新绑定 shang515
- 利用Ajax与数据岛实现无刷新绑定
- 利用Ajax与数据岛实现无刷新绑定
- 利用AJAX与数据岛实现无刷新绑定
- 利用AJAX与数据岛实现无刷新绑定
- ajax 无刷新 显示
- 实现无刷新加载数据(asp+ajax)
- AJAX实现无刷新加载数据
- XMlHTTP ajax实现数据无刷新调用
- Ajax无刷新实现定时更新数据
- AJAX实现无刷新获得数据
- ajaxpro实现无刷新分页数据显示
- asp+ajax能实现根据下拉列表值动态无刷新显示数据
- SSH框架稀里糊涂的实现jquery-ajax增加数据无刷新显示功能
- 无刷新增量读取显示
- Hypersonic SQL-miniDB
- 乱了,痛了------
- websphere5.1 连接远程DB2数据库配置
- 少走弯路的十条忠告
- C#导出Excel几个例子
- 用AJAX实现无刷新数据读取与显示
- 华为软件编程规范和范例
- 华为软件编程规范和范例
- 命运这东西,其实很难说的。
- 微软用翻译软件制作Windows中文版?
- 技术“专家”与“君子剑”
- 实现工资自定义公式的计算方法示例
- 使用Java中的final变量需要注意的地方。
- 自增减操作符探索