Div_部分刷新_利用iframe刷新div__利用AJAX刷新部分div.docVIP

Div 部分刷新 利用iframe刷新div 利用AJAX刷新部分div 一般的WEB页面，当用户访问时，会按需请求一个新页面，而这个新页面很大一部分的内容其实跟原页面是相同的，无非是某一行内容，或者某一小块内容要被刷新，这时候如果把整个页面再重新请求一遍，就很不划算，这时候我们可以使用一种部分刷新方法，就是使用HTML的 iframe 标签。 ? iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。这个标签的可用属性如下： 其中我们需要注意的是一个 src 属性，它指定了在这个iframe块中你要用于显示的原代码。 例如： iframe src =/index.html? pYour browser does not support iframes./p/iframe ? 好，下面我们就可以用JAVASCRIPT改变iframe块的内容，来实现页面的部分刷新了，示例代码如下： ? 1 %@ Page Language=C# AutoEventWireup=true % 2 //... 3 ?html xmlns=/1999/xhtml  4 ?head runat=server 5 titleLesson 1 - Demo 1 - IFrame Ajax/title 6 script language=javascript 7 function refresh() 8 { 9 document.getElementById(iframe).src = 10 IFramePage.aspx? + new Date();11 }12 /script13 ?/head14 ?body style=font-family:Verdana; font-size:13px;15 form id=form1 runat=server16 div17 bPage Load:/b18 span%= DateTime.Now.ToLocalTime() %/span19 /div20 div21 bCurrent Time:/b22 span id=currentTime/span23 /div24 input type=button value=Refresh onclick=refresh() /25 /form26 iframe id=iframe src=IFramePage.aspx/iframe27 ?/body28 ?/html29 ? ? ? 在这个页面中，先显示一个Page Load:的时间，以及一个按钮，然后一个iframe块，当点击按钮的时候，我们在它的响应函数refresh()中改变iframe块的src属性，也就是页面地址（url参数变化也算地址变动）这样就会引起这个iframe重新被加载，那个参数中用了一个?new Date（）型参数，这样保证了每次都是不同的参数，每次都要变，如果这儿是个固定值比如123那么只有第一次点的时候变，而后面就不变了。但事实上，请求的一直都是IFramePage.aspx页面，只是每次都被服务端重新加载了，这样就会显示iframe更新的时间随按钮点击而变化，但页面load的那个时间是始终不变的。 下面是IFramePage.aspx的代码： 1 %@ Page Language=C# AutoEventWireup=true % 2//... 3 ?html xmlns=/1999/xhtml  4 ?head runat=server 5 titleUntitled Page/title 6 ?/head 7 ?body 8 form id=form1 runat=server 9 div id=currentTime%= DateTime.Now.ToLocalTime() %/div10 /form11 12 ?/body13 ?/html ? ? 实际上你就发现那个传进来的参数根本没有在对象页面中用到过。 ? 其实上面的示例来自于老赵06年的AJAX视频，但是我改变了一下，因为老赵为了让页面好看一点，把iframe隐藏了起来，只是用它来取数据。老赵的原始代码如下： 首先主页面是： ? %@ Page Language=