DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 淺談Ajax技術與ERP
淺談Ajax技術與ERP
編輯:AJAX詳解     

現在,有一種越來越流行越熱的“老”技術,可以改變這種窘迫的局面。那就是Ajax。如今,隨著Gmail、Google-maps的應用和各種浏覽器的支持,AJax正逐漸吸引全世界的眼球。  刷新網頁——等待。。。——刷新網頁——等待。。。

  當您在使用浏覽器浏覽網頁的時候,您是否經常遇到上面的情況?當您面對空白而緩慢展現的屏幕時,您是否感到痛苦甚至憤怒?

  現在,有一種越來越流行越熱的“老”技術,可以改變這種窘迫的局面。那就是Ajax。如今,隨著Gmail、Google-maps的應用和各種浏覽器的支持,AJax正逐漸吸引全世界的眼球。

  1.AJax技術簡介

  AJax(Asynchronous Javascript and XML,即異步Javascript + XML),其實是多種技術的綜合。正如AJax的命名者Jesse James Garrett所指出的:

  AJax不是一項技術。它其實是幾項技術,每項技術自身都很繁榮,它們以強有力的全新方式結合起來。

  AJax主要涵蓋以下幾方面的技術:

  -- 運用XHtml和CSS實現基於各種標准的展示。

  -- 運用文檔對象模型(Document Object Model)實現動態顯示和交互。

  -- 運用XML和XSLT實現數據交換和操作。

  -- 運用XMLhttpRequet實現異步數據檢索。

  -- JavaScript將所有這些綁定到一起。

  與傳統的Web應用不同,Ajax采用異步交互過程。Ajax在用戶與服務器之間引入一個中間媒介,從而消除了網絡交互過程中的處理—等待—處理—等待缺點。用戶的浏覽器在執行任務時即裝載了Ajax引擎。AJax引擎用JavaScript語言編寫,通常藏在一個隱藏的框架中。它負責編譯用戶界面及與服務器之間的交互。Ajax引擎允許用戶與應用軟件之間的交互過程異步進行,獨立於用戶與網絡服務器間的交流。AJAX的原則是“按需取數據”,使用AJax可以最大程度的減少冗余請求,和響應對服務器造成的負擔。

  2.AJax技術與ERP

  當前主流的ERP采取的是B/S架構,在ERP的實際應用中,也存在許多傳統web開發方式無法解決的問題。雖然Ajax技術有待進一步完善和成熟,但是在ERP開發中適當地研究和引入AJax開發思想和技術,解決傳統方法難以應付的問題,無疑對開發人員和客戶都是有益的。

  下面就AJax技術在ERP中可能的應用場景進行簡單的討論。

  (1)數據驗證

  在進行表單內容的填寫和更新時,有的時候需要將更新的數據到數據庫中進行一下數據驗證。傳統的數據驗證通常有兩種方式:一種是直接填寫,然後提交表單,這種方式需要將這個頁面提交到服務器端進行驗證,整個過程不僅時間長而且造成了服務器不必要的負擔;第二種方式是改進了的驗證過程,用戶可以通過點擊相應的驗證按鈕,打開新窗口查看驗證結果,但是這樣需要新開一個浏覽器窗口或者對話框,還需要專門編寫驗證的頁面,比較耗費系統資源。而使用AJax技術,可以由XMLHttPRequet對象發出驗證請求,根據返回的HTTP響應判斷驗證是否成功,整個過程不需要彈出新窗口,也不需要將整個頁面提交到服務器,快速而又不加重服務器負擔。

  (2)樹形結構

  分類樹或者樹形結構在ERP系統中使用得非常廣泛。應用Ajax技術可以改進分類樹的實現機制。在初始化頁面時,只獲取第一級子分類的數據並且顯示;當用戶點開一級分類的第一節點時,頁面會通過AJax向服務器請求當前分類所屬的二級子分類的所有數據;如果再請求已經呈現的二級分類的某一節點時,再次向服務器請求當前分類所屬的三級子分類的所有數據,以此類推。頁面會根據用戶的操作向服務器請求它所需要的數據,這樣就不會存在數據的冗余,減少了數據下載總量。同時,更新頁面時不需要重載所有內容,只更新需要更新的那部分內容即可,相對於以前後台處理並且重載的方式,大大縮短了用戶的等待時間。

  (3)數據自動更新

  AJax出現之前,用戶為了即使了解相應的內容必須不斷刷新頁面,查看是否有新的內容變化,或者頁面本身實現定時刷新的功能。有可能會發生這種情況;有一段時間網頁的內容沒有發生任何變化,但是用戶並不知道,仍然不斷的刷新頁面;或者用戶失去了耐心,放棄了刷新頁面,卻很有可能在此有新的消息出現,這樣就錯過了第一時間得到消息的機會。

  應用Ajax可以改善這種情況,頁面加載以後,會通過AJax引擎在後台進行定時的輪詢,向服務器發送請求,查看是否有最新的消息。如果有則將新的數據(而不是所有數據)下載並且在頁面上進行動態的更新,通過一定的方式通知用戶(實現這樣的功能正是JavaScript的強項)。這樣即避免了用戶不斷手工刷新頁面的不便,也不會因為重復刷新頁面造成資源浪費。

  需要注意的是,雖然AJax已經獲得廣泛的支持,但實際的開發中,還是要注意跨浏覽器的問題,這主要是在JavaScript編程部分。不過許多流行的框架封裝了這些細節部分,可以解決這一問題。另外一方面,如果用戶還在大量使用比較早期的浏覽器版本,AJax技術可能就無法奏效,在實施的時候這一點值得注意。

  Ajax為Web應用開發提供了新的機會,也為ERP系統提出了新的要求。當因為AJax技術而使得用戶感受到全新體驗的時候,贏家不會僅僅是用戶。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved