在專案中，經常會遇到頁面分割，最常見的系統或**的主介面。主頁面分為，上面系統簡介、下面作者簡介、左邊系統功能選單、右邊則是選單真正展示的介面。
遇到這種這種分割頁面，大家首先想到是frameset，使用framset分割多種frame，這種方式簡單。若是不喜歡使用framset，喜歡前台設計的人也許會選擇div拼接，浮動，這就考查css樣式的功底了。
這次主要講解區域性重新整理的問題。需求是：左邊frame，右邊frame。
大家肯定疑問，這樣重新整理沒有問題啊。的確如此。現在使用framset，分割兩frame，各自更新各自。右邊frame展示選單儘管更新提交即可。對左邊frame是沒有影響的。
為了方便理解，左邊frame簡稱leftframe，右邊frame簡稱rightframe；假如我提交rightframe頁面，需要更新leftframe【動態】頁面。那如何辦呢？
其實就是從資料庫中重新讀資料；
[html]view plain
copy
print?
<
frameset
cols
= "280,*"
frameborder
=yes
bordercolor
=silver
>
<
frame
src=
"modifymenu!showtreemenu"
name
="menutree"
scrolling
="no"id=
"lefttree"
>
<
frame
src=
"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的事件：
[html]view plain
copy
print?
function init()
window.parent.frames[
"lefttree"
].location.reload()
當時你在某乙個思路上山窮水盡的時候，可以嘗試換種思路，也是會柳暗花明.
需求如下：若重新整理右邊rightframe頁面，只
重新整理部分左邊leftframe【重新整理某個div】。
提到區域性部分重新整理，肯定想到是ajax區域性重新整理。
那我們用純js的ajax基礎實現：
後台action中的寫法如下：
out.print("從後台傳入的資料");
兩種重新整理方式，一種整體重新整理；一種區域性重新整理；
Ajax區域性重新整理和全域性重新整理的區別
在非完全前後端分離專案中，前端開發只需要完成頁面的製作，並且把一些基礎的人機互動效果使用js完成即可，頁面中需要動態呈現內容的部分，都是交給後台開發工程師做資料繫結和基於伺服器進行渲染的 伺服器端渲染 優勢 1 動態展示的資料在頁面的原 中可以看見，有利於seo優化推廣 有利於搜尋引擎的收錄和抓取 ...
jQuery子頁面重新整理父頁面 區域性重新整理 整體重新整理
用的是 window.open 方式開啟的視窗 風聲js的window外掛程式開啟子視窗 類似於window.open 用於重新整理父視窗整個頁面 window.parent.location.reload parent.subwindow add.close 風聲js的window外掛程式關閉視窗...
重新整理和頁面跳轉
所有頭資訊都是隨著請求和回應自動傳送到伺服器端 客戶端 在 response 中乙個比較常用 的頭資訊就是重新整理的指令，可以完成定時重新整理的功能。resp.setheader refresh 2 對於重新整理的頭資訊，除了定時的功能外，還具備了定時跳轉的功能，可以讓乙個頁面定時跳轉到一 個指定的...