JavaScript父子視窗運用(子視窗控制父視窗更新)

最近在寫資料刪除的部分,從資料庫撈出資料並且顯示,然後點選”刪除”按鈕即可刪 除該筆資料,但遇到個問題是雖然資料刪掉,本來的頁面還是無法及時更新,因為我是開一個新的視窗去(子視窗)執行刪除,所以本來的視窗(父視窗)就不會有 動作.

動作如下:

原 本程式執行邏輯 :

父視窗(點選刪除按鈕)—>執行JavaScript Function–>開出子視窗—>執行刪除—>關閉子視窗(或是子視窗還是停留沒有任何動作)

修改後邏輯:

父視窗(點選刪除按鈕)—>執 行JavaScript Function–>開出子視窗—>執行刪除—>更新父視窗—>關閉子視窗

由上面可以知道,這樣可以完成一系列自動化而且比較親切的介面,直接在頁面上作更新,不過此方式不 是利用Ajax(因為小弟不熟),但也能做出即時的反應,讓使用者的使用感更好.

程式碼如下,只需要在子視窗加入以下:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *