AJAX,這個很熟悉的詞,但是卻用的很少的技術.
如今我遇到了需要局部重新整理的功能,此前我考慮用AJAX技術,但是老總說不用費那麼多時間,直接全部重新整理得了.
我想到了既不用AJAX也不需要全部重新整理的好辦法.
其實,AJAX也就是 javascript指令碼的應用.全拼是:AsynchronousJavaScript+XML .
Ajax不是一個技術,它實際上是幾種技術,每種技術都有其獨特這處,合在一起就成了一個功能強大的新技術。
Ajax包括:
XHTML和CSS
使用文件物件模型(DocumentObjectModel)作動態顯示和互動
使用XML和XSLT做資料互動和操作
使用XMLHttpRequest進行非同步資料接收
使用JavaScript將它們綁定在一起
那麼在這裡我不用懂得那麼多知識,只要會javascript就行.
在javascript指令碼裡面有一個 iframe 控制項, 可以將另外一個網頁B的內容插入該頁面A。
那麼可不可以在已經開啟這個頁面A的時候重新將 網頁B的內容插入呢?
當然可以,只要用javascript 得到 該 iframe控制項的ID, 並將該控制項的src屬性賦值為你想要從哪裡擷取資料的頁面.
這樣,iframe控制項就重新載入內容,此時,首頁面並沒有重新整理,但是該控制項的內容就已經更改了.
代碼如下:
<table width="100%" height="60" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="60" valign="top">
<!-- 此處顯示網路攝影機所屬於宿舍或者(大門/圍牆)的概況資訊 -->
<iframe id="infoA" enableviewstate="true" src="infoA.htm" frameborder="0" scrolling="auto" style="width:648px; height:60px; margin:0px 0px 0px 0px;">
</iframe>
</td>
</tr>
</table>
觸發頁面內容重新整理的動作為
document.getElementById("infoA").src ='B.htm';
在這個原理下,可以豐富很多的局部重新整理應用.