亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JSP > 正文

整體刷新和局部刷新frameset窗口問題深入探討

2024-09-05 00:17:41
字體:
來源:轉載
供稿:網友
在項目中,經常會遇到頁面分割,最常見的系統或網站的主界面。主頁面分為,上面系統簡介、下面作者簡介、左邊系統功能菜單、右邊則是菜單真正展示的界面。

遇到這種這種分割頁面,大家首先想到是frameset,使用framset分割多種frame,這種方式簡單。若是不喜歡使用framset,喜歡前臺設計的人也許會選擇div拼接,浮動,這就考查css樣式的功底了。
這次主要講解局部刷新的問題。需求是:左邊frame,右邊frame。

大家肯定疑問,這樣刷新沒有問題啊。的確如此?,F在使用framset,分割兩frame,各自更新各自。右邊frame展示菜單盡管更新提交即可。對左邊frame是沒有影響的。

為了方便理解,左邊Frame簡稱LeftFrame,右邊Frame簡稱RightFrame;假如我提交RightFrame頁面,需要更新LeftFrame【動態】頁面。那如何辦呢?
其實就是從數據庫中重新讀數據;
復制代碼 代碼如下:www.CuoXIn.com

<FRAMESETcols="280,*"frameborder=yesbordercolor=silver>
<FRAMESRC="modifyMenu!showTreeMenu"NAME="menuTree"SCROLLING="No"id="leftTree">
<FRAMESRC="showModifyMenu.jsp"NAME="main"SCROLLING="AUTO"id="showModifyMenu">
lt;/FRAMESET>

其中modifyMenu!showTreeMenu是轉向到tree.jsp頁面
現在項目中,前臺使用struts2,當提交右邊頁面數據時,當時設想:然后再次跳轉到主界面,相當于重新讀取數據,但是加載的主界面竟然是顯示在右邊區域,這樣就成了兩個LeftFrame。即使更改Struts2中的resultType的重定向也不可以。

最后,竟然一個簡單的JS解決問題。
在提交右邊頁面RightFrame,使用JS更新左邊LeftFrame。如下:
在rightFrame中的body的onload的事件:
復制代碼 代碼如下:www.CuoXIn.com

functioninit(){
//leftTree是左邊Frame的id
//重新加載這個頁面
window.parent.frames["leftTree"].location.reload();
}

window.parent.frames["leftTree"].location.reload()
當時你在某一個思路上山窮水盡的時候,可以嘗試換種思路,也是會柳暗花明.
需求如下:若刷新右邊RightFrame頁面,只刷新部分左邊LeftFrame【刷新某個div】。
提到局部部分刷新,肯定想到是Ajax局部刷新。
那我們用純js的Ajax基礎實現:
復制代碼 代碼如下:www.CuoXIn.com

functioncreateXmlHttpRequest(){
if(window.XMLHttpRequest){
returnnewXMLHttpRequest();
}elseif(window.ActiveXObject){
returnnewActiveXObject("Microsoft.XMLHTTP");
}
}
functioninit(){
//則進行局部刷新
varxmlHttpReq=createXmlHttpRequest();
//獲得出發的url的,比如struts2的action或者servlet或jsp頁面
varurl="success.jsp";
xmlHttpReq.open("GET",url,true);
//因為你在作一個異步調用,
//所以你需要注冊一個XMLHttpRequest對象將調用的回調事件處理器
xmlHttpReq.onreadystatechange=function(){
if(xmlHttpReq.readyState==4){
if(xmlHttpReq.status==200){
//使用parent獲得左邊頁面中的某一個div,然后更改展示的外觀
window.parent.frames["leftTree"].document.getElementById(divId).innerHTML="測試";
}else{
alert(xmlHttpReq.status+xmlHttpReq.responseText);
}
}
};
xmlHttpReq.send(null);
}

window.parent.frames["leftTree"].document.getElementById(divId).innerHTML=xmlHttpReq.responseText
后臺action中的寫法如下:
復制代碼 代碼如下:www.CuoXIn.com

01.HttpServletResponseresponse=ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
out=response.getWriter();
out.print("從后臺傳入的數據");

兩種刷新方式,一種整體刷新;一種局部刷新;

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩**中文字幕毛片| 久久精品国产亚洲精品2020| 亚洲第一国产精品| 欧美成人高清视频| 欧美精品18videosex性欧美| 欧美精品videos性欧美| 欧美成人午夜剧场免费观看| 亚洲国产91色在线| 国产激情999| 欧美在线一区二区三区四| 91综合免费在线| 国产精品久久久久久久久久小说| 秋霞午夜一区二区| 黑人巨大精品欧美一区二区免费| 欧美日韩福利在线观看| 日韩电视剧免费观看网站| 成人在线观看视频网站| 久久精品精品电影网| 国产午夜精品久久久| 国产成人一区二区三区电影| 成人精品视频久久久久| 国产精品揄拍500视频| 久久精品国产v日韩v亚洲| 视频在线观看99| 国产福利成人在线| 日韩高清欧美高清| 国语自产精品视频在线看| 国产欧美精品久久久| 日韩视频免费看| 欧美国产精品va在线观看| 国内精品久久影院| 色yeye香蕉凹凸一区二区av| 97精品伊人久久久大香线蕉| 久久久久亚洲精品国产| 日韩精品www| 国产区亚洲区欧美区| 欧美日韩中文字幕日韩欧美| 精品亚洲永久免费精品| 最近中文字幕日韩精品| 在线看福利67194| 韩剧1988在线观看免费完整版| 欧美国产日韩中文字幕在线| 欧美日韩国产中文字幕| 久久影视电视剧凤归四时歌| 日韩欧美成人免费视频| 成人在线激情视频| 欧美成人免费大片| 亚洲aaa激情| 在线亚洲午夜片av大片| 欧美大人香蕉在线| 91精品国产91久久| 日韩精品视频中文在线观看| 亚洲天堂av女优| 欧美高跟鞋交xxxxhd| 美女扒开尿口让男人操亚洲视频网站| 亚洲第一精品夜夜躁人人躁| 亚洲专区在线视频| 日韩中文av在线| 国产精品第一区| 久久久免费精品| 91青草视频久久| 国产精品普通话| 亚洲激情小视频| 日韩电影大全免费观看2023年上| 性欧美亚洲xxxx乳在线观看| 97涩涩爰在线观看亚洲| 69国产精品成人在线播放| 亚洲国产精品福利| 国产999精品久久久影片官网| 国语自产精品视频在线看一大j8| 成人欧美一区二区三区在线| 91av在线免费观看视频| 亚洲va男人天堂| 亚洲香蕉成人av网站在线观看| 成人xxxxx| 欧美丝袜第一区| 日韩中文视频免费在线观看| 亚洲一区制服诱惑| 日韩高清免费观看| 欧美二区在线播放| 日韩av在线网页| 欧美激情综合亚洲一二区| 久久精品国产99国产精品澳门| 在线播放日韩精品| 91九色在线视频| 欧美电影免费观看大全| 国产精品欧美日韩一区二区| 色综合91久久精品中文字幕| 日本久久久久久| 欧美性生交xxxxxdddd| 91九色单男在线观看| 国产精品欧美日韩久久| 亚洲综合小说区| 国产精品一久久香蕉国产线看观看| 97香蕉超级碰碰久久免费的优势| 另类天堂视频在线观看| 亚洲大胆美女视频| 日韩欧美一区二区三区久久| 91成品人片a无限观看| 综合国产在线观看| 亚洲在线免费看| 色一区av在线| 丝袜亚洲欧美日韩综合| 欧美综合在线第二页| 中文字幕亚洲无线码a| 亚洲福利在线看| 51精品在线观看| 亚洲乱码av中文一区二区| 亚洲自拍欧美色图| 欧美成人亚洲成人日韩成人| 久久福利视频导航| 日韩精品免费在线观看| 欧美国产日韩xxxxx| 久久综合免费视频影院| 在线播放国产一区中文字幕剧情欧美| 久久精品一偷一偷国产| 亚洲毛茸茸少妇高潮呻吟| 精品欧美aⅴ在线网站| 成人黄色片网站| 另类少妇人与禽zozz0性伦| 日本伊人精品一区二区三区介绍| 亚洲视频电影图片偷拍一区| 国产成人av在线播放| 亚洲韩国日本中文字幕| 国产精品免费一区二区三区都可以| 久久免费在线观看| 欧美性猛交xxxx富婆| 狠狠做深爱婷婷久久综合一区| 国产精品无av码在线观看| 97在线视频免费看| 国产精品美女视频网站| 久久久久久久久国产精品| 日本最新高清不卡中文字幕| 欧美日产国产成人免费图片| 亚洲va欧美va国产综合剧情| 91精品国产91久久久久久不卡| 欧美高清理论片| 亚洲欧洲一区二区三区久久| 国产综合久久久久久| 日韩极品精品视频免费观看| 亚洲va国产va天堂va久久| 欧美性感美女h网站在线观看免费| 久久在线精品视频| 久久精品人人爽| 国产精品久久久久久久久粉嫩av| 成人妇女免费播放久久久| 亚洲黄色www| 欧美亚洲国产成人精品| 亚洲欧美激情四射在线日| 国产精品久久久久免费a∨大胸| 欧美人交a欧美精品| 国产精品久久久久久久一区探花| 性欧美xxxx| 亚洲国产精彩中文乱码av| 亚洲精品视频中文字幕| 国产成人亚洲综合91| 亚洲精品久久久久久久久久久| 高清视频欧美一级| 2019国产精品自在线拍国产不卡| 久久99久久亚洲国产| 成人午夜一级二级三级| 国产啪精品视频网站| 黄色成人av在线| 日韩在线免费视频|