基于ajax技術的動態頁面處理系統技術方案

本發明專利技術公開了一種基于ajax技術的動態頁面處理系統，包括客戶端、http服務器、應用服務器，所述客戶端瀏覽器通過路由服務器分別與http服務器、應用服務器通信，其特征在于所述http服務器負責接收靜態頁面請求，并將靜態頁面連同頁面的上應用的靜態資源一起返回給客戶端瀏覽器，并在瀏覽器上展現頁面主體；所述應用服務器負責接收非靜態頁面請求，客戶端瀏覽器的頁面通過ajax請求訪問應用服務器，應用服務器向瀏覽器返回動態數據，瀏覽器更新數據并更新頁面顯示。該方法充分發揮了http服務器處理靜態資源的優勢，提升了系統的整體性能，同時也方便后續集群的擴展。

【技術實現步驟摘要】

本專利技術屬于頁面開發
，具體涉及一種基于aj ax技術的動態頁面處理系統。
技術介紹
現代B/S架構的管理系統大多是基于動態頁面，并部署在支持各自的應用服務器，如tomcat，iis等。此類部署架構在面對超大并發訪問時，服務器端對于頁面的性能消耗和響應速度會是一個需要考慮的問題。具體來說，包括1、動態頁面本身的處理要比靜態頁面復雜，對服務器消耗高，響應時間長。2、系統中也有很多圖片，腳本，html頁面等靜態資源，但一般應用服務器的處理效率都遠低于純http服務器(如apache)。這樣最終使得系統處理性能下降，用戶在界面上要等待的時間變長，長時間“白屏”。對于系統處理性能，目前的解決方案有將純http服務器和應用服務器結合部署，由純http服務器處理靜態內容，如js，html等；應用服務器處理服務器端腳本，如jsp，php等。雖然系統整體提高了靜態頁面的處理能力，解決了對于靜態內容處理的問題，但還是要等待應用服務器處理完畢才返回整個頁面的內容。另外還有將動態頁面靜態化，即將動態頁面的返回結果直接保存為靜態html頁面。舉例來說，以jsp為例，某系統里有一個產品信息的表單訪問路徑是這樣的ProductInfo. jsp pid=123,客戶端在訪問這個頁面時會在服務器端產生以下的消耗1、初次訪問jsp頁面編譯的時間；2、根據pid=123進行數據庫查詢，得到相應數據的時間；3、將結果通過servlet的out對象輸出的時間。其中，第二、第三個消耗時間在每次訪問時都需要執行。因此采取頁面靜態化處理，會將上面步驟3的返回結果在服務器端之間保存為例如ProductInfo_123. html這樣的頁面。后面再有用戶請求就直接指向這個html頁面。這樣就省略了上述步驟I和2，可以大大提高頁面響應速度。這種方案在各類內容管理平臺中很常用，因為一般此類系統的數據更新頻率不高，適合進行靜態化處理。但是如果數據變動頻繁，如各類信息管理系統，用戶每時每刻都會通過表單與數據庫進行交互，靜態化處理本身就會帶來很多系統消耗，這種方案就不再適合了。本專利技術因此而來。
技術實現思路
本專利技術目的在于提供一種基于ajax技術的動態頁面處理系統，解決了現有技術中動態頁面開發時系統消耗太大、用戶在界面上要等待的時間過長、系統性能低下等問題。為了解決現有技術中的這些問題，本專利技術提供的技術方案是一種基于ajax技術的動態頁面處理系統，包括客戶端、http服務器、應用服務器，所述客戶端瀏覽器通過路由服務器分別與http服務器、應用服務器通信，其特征在于所述http服務器負責接收靜態頁面請求，并將靜態頁面連同頁面的上應用的靜態資源一起返回給客戶端瀏覽器，并在瀏覽器上展現頁面主體；所述應用服務器負責接收非靜態頁面請求，3客戶端瀏覽器的頁面通過ajax請求訪問應用服務器，應用服務器向瀏覽器返回動態數據，瀏覽器更新數據并更新頁面顯示。本專利技術的另一目的在于提供一種基于ajax技術的動態頁面處理方法，其特征在于所述方法包括以下步驟(I)瀏覽器向http服務器請求動態頁面中的頁面主體；(2) http服務器將靜態頁面連同頁面的上應用的靜態資源一起返回給瀏覽器，瀏覽器展現頁面主體；(3)瀏覽器的頁面通過ajax請求訪問應用服務器的服務器端腳本；(4)應用服務器將返回的數據返回給瀏覽器，瀏覽器再次更新頁面。本專利技術技術方案中提出了全新的系統部署方法，結合特定的頁面框架，有效的利用應用服務器和純http服務器各自的優點，提高系統的整體響應能力和用戶體驗。采用靜態頁面框架，拋棄服務器端腳本，如jsp,php,全部改用html頁面和ajax的處理方法。此法可以使得系統不需要等待邏輯的全部處理完畢，而在第一時間響應用戶的頁面請求，加載出系統頁面。上述方法配合http服務器與應用服務器一起部署的整體部署結構。此法充分發揮了 http服務器處理靜態資源的優勢，提升了系統的整體性能，同時也方便后續集群的擴展。相對于現有技術中的方案，本專利技術的優點是本專利技術技術方案結合了現有技術各自的優點，并對缺陷進行了回避，與頁面靜態化相比，不去將原來的內容直接生成靜態頁面，而是將靜態內容先加載，再讀取數據，提升性能的同時，更能適應數據變動頻繁的信息系統的要求。與直接用http服務器與應用服務器混合部署的方式相比，利用快速返回的靜態頁面，給用戶第一時間的響應，避免了原來需要等待所有服務器請求響應完畢的過程。附圖說明下面結合附圖及實施例對本專利技術作進一步描述圖I為基于ajax技術的動態頁面處理系統的靜態頁面框架訪問過程圖；圖2為基于ajax技術的動態頁面處理系統的網絡部署結構圖；圖3為基于ajax技術的動態頁面處理系統的系統訪問流程圖。具體實施例方式以下結合具體實施例對上述方案做進一步說明。應理解，這些實施例是用于說明本專利技術而不限于限制本專利技術的范圍。實施例中采用的實施條件可以根據具體廠家的條件做進一步調整，未注明的實施條件通常為常規實驗中的條件。實施例本實施例得到的基于ajax技術的動態頁面處理系統，包括客戶端、http服務器、應用服務器，所述客戶端瀏覽器通過路由服務器分別與http服務器、應用服務器通信，所述http服務器負責接收靜態頁面請求，并將靜態頁面連同頁面的上應用的靜態資源一起返回給客戶端瀏覽器，并在瀏覽器上展現頁面主體；所述應用服務器負責接收非靜態頁面請求，客戶端瀏覽器的頁面通過ajax請求訪問應用服務器，應用服務器向瀏覽器返回動態4數據，瀏覽器更新數據并更新頁面顯示。本實施例的系統主要包括2個部分一、靜態頁面框架。本實施例舍棄jsp等服務器端腳本，換成html頁面，通過ajax請求與服務器端交互，并通過JSON格式進行參數的傳遞。ajax是“Asynchronous JavaScript And XML “(異步JavaScript和XML),可以以非阻塞的方式請求服務器端資源。JSON(JavaScript ObjectNotation)是一種輕量級的數據交換格式，易于人閱讀和編寫，同時也易于機器解析和生成用戶所有請求的都是html頁面，這樣可以第一時間加載出主體頁面內容，再通過aj ax技術進行服務器端功能的請求，最后利用回調函數獲取返回數據進行頁面內容的更新。框架本身包括以Javascript引擎和服務器端處理接口 I. Javascript 引擎a) url參數處理器獲取url參數，并封裝成JSON格式，方便后續數據處理。b) ajax請求對象可以發送ajax請求,擁有回調函數接口和異常處理接口一個典型的用jquery實現的引擎示例可以這樣的S(d oc U ment).reacly( fun ction(){//獲取uri參數，轉換成JSOX格式var pa rams = getL· RLPa rams(window,loction. href);$.ajax{type : 'post*,url : "productlnfo.action",dataType : 'json',data : params,success : doSomeThingf)2.服務器端處理接口 a)請求攔截器能夠攔截到ajax請求，并處理好參數。b)訪問權限的控制器。c)業務邏輯調用器d本文檔來自技高網...

【技術保護點】
一種基于ajax技術的動態頁面處理系統，包括客戶端、http服務器、應用服務器，所述客戶端瀏覽器通過路由服務器分別與http服務器、應用服務器通信，其特征在于所述http服務器負責接收靜態頁面請求，并將靜態頁面連同頁面的上應用的靜態資源一起返回給客戶端瀏覽器，并在瀏覽器上展現頁面主體；所述應用服務器負責接收非靜態頁面請求，客戶端瀏覽器的頁面通過ajax請求訪問應用服務器，應用服務器向瀏覽器返回動態數據，瀏覽器更新數據并更新頁面顯示。

【技術特征摘要】

【專利技術屬性】
技術研發人員：錢駿，夏幫國，王長堯，
申請(專利權)人：方正國際軟件有限公司，
類型：發明
國別省市：