`
wlcxx98
  • 浏览: 62847 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
最近访客 更多访客>>
社区版块
存档分类
最新评论

一个AJAX局部刷新的例子

阅读更多

终于睛天了.

一个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
%>
分享到:
评论

相关推荐

    php ajax 实现局部刷新简单例子(超简单化)

    外部JavaScript文件`fun.js`中定义了`historyLotteryCode_1()`函数,该函数利用jQuery库发起一个AJAX请求。请求类型为POST,目标URL是`ajaxReturn.php`,并传递了一个名为`userid`的数据参数。 当服务器响应返回后...

    ajax 局部刷新的例子

    要实现Ajax局部刷新,我们需要以下几个关键步骤: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,它允许JavaScript与服务器进行通信。在所有现代浏览器中,可以使用`new XMLHttpRequest()`创建这个对象。 2. **...

    java实现ajax局部刷新

    这里的"Java实现Ajax局部刷新"是一个基础的示例,旨在帮助初学者理解Ajax的工作原理及其在实际开发中的应用。 首先,让我们详细解释Ajax的核心概念。Ajax并非一种单一的技术,而是一种综合运用多种Web技术...

    ajax 局部刷新例子 日期验证 滚动条

    以下是对“Ajax局部刷新例子 日期验证 滚动条”这个主题的详细解释。 1. **Ajax局部刷新**: - **基本原理**:Ajax通过JavaScript创建XMLHttpRequest对象,利用这个对象与服务器进行异步通信,获取或发送数据,...

    jquery .ajax 局部刷新之后 js无法调用问题解决

    然而,在使用`.ajax`进行局部刷新后,有时会出现JavaScript无法正确调用的问题,这主要涉及到DOM(文档对象模型)更新、作用域以及事件绑定等问题。下面将详细探讨这个问题及其解决方案。 ### 1. DOM更新问题 当`....

    Ajax局部刷新c#源码

    聊天室应用是Ajax局部刷新的一个典型例子。在聊天室中,用户可以看到其他用户发送的消息实时显示,而无需刷新整个页面。在C#中,你可以创建一个Web服务或API端点,接收来自客户端的新消息,并将服务器端的最新消息...

    dwr ajax 局部刷新

    "dwr ajax 局部刷新"指的是使用DWR框架来更新网页的特定部分,而不是重新加载整个页面,提高用户体验。 **DWR基本概念:** 1. **CMT (Controlled Method Table)**:DWR的核心组件,负责管理服务器端的Java方法和...

    ajax实现局部刷新

    在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的局部刷新,以提高用户体验。Ajax的核心是JavaScript对象XMLHttpRequest,它允许在不重新加载整个页面的情况下与服务器交换数据并...

    Ajax页面局部异步刷新技术

    ### Ajax页面局部异步刷新技术 #### 知识点概览 在现代Web开发中,异步刷新技术是一项非常重要的技术,它使得网页无需重新加载整个页面就能与服务器交互并更新部分数据。其中,最典型的技术就是Ajax(Asynchronous ...

    ajax局部刷新示例

    ajax局部刷新例子!实现读取txt文档,实现点击互换,区域刷新。

    简单GridView AJAX局部刷新分页例子

    #### 一、GridView与AJAX局部刷新原理 - **GridView**:ASP.NET中的一个数据绑定控件,用于显示表格形式的数据。它可以自动处理排序、分页等功能,使得开发者能轻松地展示数据库中的数据。 - **AJAX**(Asynchronous...

    ajax操作json数组,实现局部刷新

    在本文中,我们将深入探讨如何使用Ajax操作JSON数组来实现页面的局部刷新。Ajax,即Asynchronous JavaScript and XML,是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页...

    Ajax将数据发送到后台进行局部刷新操作

    在这个例子中,我们创建了一个新的XMLHttpRequest对象,打开一个GET请求到指定URL,设置了一个回调函数来处理服务器的响应。当状态变为`DONE`且HTTP状态码为200(表示成功)时,我们解析JSON响应并将其插入到页面的...

    ajaxanywhere 局部刷新例子

    在标题"ajaxanywhere 局部刷新例子"中,我们关注的重点是如何利用AjaxAnywhere实现在网页上的特定区域进行数据更新。 描述中提到的"返回一个list,更新jsp中的指定区域的list",意味着这个例子会展示如何从服务器...

    使用Ajax局部刷新页面1

    在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的局部刷新,以提高用户...这个Django项目包含了一个完整的例子,可以下载并运行,以便更好地理解和学习这个Ajax局部刷新的实现方式。

    ajax局部刷新实例 (三种方法推荐)

    ### Ajax局部刷新技术介绍 Ajax(Asynchronous JavaScript and XML)是一种能够实现页面异步更新的技术,它允许在不重新加载整个页面的情况下,对网页的某部分进行更新。这通过在客户端和服务端之间使用...

    简单的ajax异步验证,局部刷新

    在网页开发中,"简单的Ajax异步验证,局部刷新"是一种常见的交互技术,它使得用户在无需刷新整个页面的情况下能够实时验证输入数据的有效性。这种技术极大地提升了用户体验,因为用户可以立即看到他们的输入是否符合...

    ajax+jsp局部页面刷新

    下面,我们将通过一个具体的例子,即使用Ajax与JSP从MySQL数据库中提取数据并实现自动刷新的页面,来详细说明实现步骤: #### 步骤一:设置数据库 首先,我们需要一个MySQL数据库,其中包含一个名为`news`的表,该...

    jQuery实现AJAX定时刷新局部页面实例

    本篇文章通过两种方法实例讲解ajax定时刷新局部页面,当然方法有很多种,也可以不使用ajax来刷新页面,可以使用jquery中的append来给指定内容加东西,但是都不太实用,最实用的方法还是ajax加载数据了。

    ajax实现异步刷新

    本教程将通过一个具体的例子来讲解如何在ASP.NET环境中实现Ajax异步刷新。 首先,`Default2.aspx`和`Default.aspx`是ASP.NET中的两个网页文件,它们通常包含HTML、CSS和JavaScript代码,用于构建用户界面。`Default...

Global site tag (gtag.js) - Google Analytics