[發明專利]基于ajax與html標記形成樹形顯示結構的方法

無效

• 申請號: 200710122116.2
• 申請日: 2007-09-21
• 公開（公告）號: CN101122921A
• 公開（公告）日: 2008-02-13
• 發明（設計）人: 方曉波;趙龍依;陳明;孟令偉;宋斌;李曉
• 申請（專利權）人: 北京意科通信技術有限責任公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;H04L29/08
• 代理公司: 北京科龍寰宇知識產權代理有限責任公司
• 代理人: 孫皓晨

技術領域

本發明涉及的是一種計算機界面顯示方法，特別涉及的是一種基于ajax與html標記形成樹形顯示結構的方法。

背景技術

樹型結構是一類應用非常廣泛的數據結構。人類社會中宗族的族譜和現代企業的組織形式都是樹型結構。在計算機領域中，文件系統中文件的管理結構、存儲器管理中的頁表、數據庫中的索引等也都是樹型結構。隨著Internet的飛速發展，樹型結構在瀏覽器/服務器(Browser/Server，簡稱B/S)應用系統的應用也越來越廣泛。

在頁面顯示樹型結構需要先列出樹根然后對所有的數據根據上下級關系進行有效的排列，再根據html標記在頁面上顯示出樹型結構，由于在頁面上組織樹形結構需要很多的代碼，再加上數據量龐大時頁面處理速度變得很慢，導致頁面超時并顯示不完整。

針對上述缺陷，本發明創作者經過長期的研究和試驗，終于獲得了本發明的創作。

發明內容

本發明的目的在于，提供一種基于ajax與html標記形成樹形顯示結構的方法，用以克服上述缺陷。

為實現上述目的，本發明所采用的技術方案在于，提供一種基于ajax與html標記形成樹形顯示結構的方法，其包括的步驟在于：

步驟a：客戶端發送訪問請求；

步驟b：服務器接受請求，從數據庫中查詢出前兩級機構數據；

步驟c：將所述的數據從控制層傳輸至相應的頁面上；

步驟d：頁面接受到數據后，生成前兩級機構的樹型結構；

步驟e：點擊組織機構的圖標，頁面將再次向服務器發送請求；

步驟f：服務器接受請求，并從數據庫中查詢出下級機構結構數據；并轉換為XML格式的數據返回頁面；

步驟g：頁面接收到XML格式的數據，進行dom解析，將解析后的數據加載到當前機構的下面；

步驟h：再次點擊組織機構的圖標，判斷當前機構下面是否有已經獲取的下級機構，如果是執行下述步驟i，否則執行上述步驟f；

步驟i：將所述的下級隱藏或顯示；

較佳的，所述的步驟d中生成前兩級機構的樹型結構是通過javeScript和DHTML標記實現的；

較佳的，所述的步驟g中將解析后的數據加載到當前機構的下面是通過javeScript和DHTML標記實現的；

較佳的，所述的步驟d還包括：同時判斷機構是否為公司或部門，并加上適當的圖片，在圖片上加入html標簽圖片的點擊事件，點擊事件將執行展開或關閉當前級別的機構樹；

較佳的，在點擊事件將執行展開時，所述的頁面會創建一個XmlHttpRequest對象，向服務器發送參數，以及由該對象產生一個接收服務器傳遞過來數據的xmldoc對象；

較佳的，當頁面通過XmlHttpRequest對象向服務器發送參數時，服務器根據參數在控制層執行相應的業務層的方法，來獲取當前展開的機構的下一級機構的數據；

獲取數據后在控制層將數據變為xml格式的數據再傳回頁面，頁面會自動獲取到傳回的xml數據格式的數據；

然后通過dom來解析xml數據再通過動態html和javaScript動態生成下級的組織機構；

較佳的，在每次生成前級別機構的下一級時，都要在該級別的外面加上一層div標簽，當展開下一級機構沒有被顯示過時，所述的頁面將發送請求到服務器來獲取數據，當下一級已經被顯示過時，用所述的div標簽的隱藏來隱藏或顯示該級別的數據。

與現有技術比較本發明的有益效果在于，為使用了ajax技術和動態html標記javaScript腳本組合以列表的形式將數據顯示為樹型結構，并且為了提高效率設計成先顯示2級的數據，然后每點擊一級再顯示出該級的下級數據！由于使用了ajax技術使得頁面可以局部刷新讓用戶感覺不到頁面的刷新變化，并且大大提高了頁面的效率。

附圖說明

圖1為本發明基于ajax與html標記形成樹形顯示結構的方法的流程圖。

具體實施方式

以下結合附圖，對本發明上述的和另外的技術特征和優點作更詳細的說明。

Ajax是使用客戶端腳本與Web服務器交換數據的Web應用開發方法。這樣，Web頁面不用打斷交互流程進行重新加裁，就可以動態地更新。使用Ajax，用戶可以創建接近本地桌面應用的直接、高可用、更豐富、更動態的Web用戶界面。