一个AJAX局部刷新的例子

本文提供了一个使用VBScript实现的AJAX局部刷新示例。通过定时请求后台ASP页面获取数据并更新前台显示内容,展示了基本的AJAX交互原理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

终于睛天了.

一个AJAX局部刷新的例子:

前台页面:

<%@LANGUAGE="VBSCRIPT"CODEPAGE="65001"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>AJAX局部刷新</title>
<scripttype="text/javascript">
<!--

//建立XMLHttpRequest对象
varxmlhttp;
try{
xmlhttp
=newActiveXObject('Msxml2.XMLHTTP');
}
catch(e){
try{
xmlhttp
=newActiveXObject('Microsoft.XMLHTTP');
}
catch(e){
try{
xmlhttp
=newXMLHttpRequest();
}
catch(e){}
}
}

functiongetPart(url){
xmlhttp.open(
"get",url,true);
xmlhttp.onreadystatechange
=function(){
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
if(xmlhttp.responseText!=""){
document.getElementById(
"partdiv").innerHTML=unescape(xmlhttp.responseText);
}
}
else{
document.getElementById(
"partdiv").innerHTML="数据载入出错";
}
}
}
xmlhttp.setRequestHeader(
"If-Modified-Since","0");
xmlhttp.send(
null);
}
setInterval(
"getPart('getPart.asp')",1000)
//-->
</script>
</head>

<body>
<divid="partdiv"></div><!--局部刷新数据的容器-->
</body>
</html>

后台页面:[getPart.asp]

<%@LANGUAGE="VBSCRIPT"CODEPAGE="65001"%>
<!--#includefile="conn.asp"-->
<%
dimrs
dimsql


Setrs=Server.CreateObject("ADODB.Recordset")
sql
="select*fromking_test"
rs.opensql,conn,
1,1
ifnot(rs.bofandrs.eof)then
Response.Write(
"<table>")
Response.Write(escape(
"<tr><td>ID</td><td>关键字</td></tr>"))
dowhilenotrs.eof
%>
<tr><td><%Response.Write(rs("id"))%></td><td><%Response.Write(escape(rs("keyword")))%></td></tr>
<%
rs.movenext
loop
Response.Write(
"</table>")
endif
rs.close
setrs=nothing
conn.close
Setconn=nothing
%>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值