首頁 >web前端 >js教程 >Ajax的概念與優勢

Ajax的概念與優勢

亚连
亚连原創
2018-05-10 10:36:061680瀏覽

AJAX主要是用來做前端資料交互,是每個網站開發人員必備技能,我們可以先透過一些基本的概念,大致了解到什麼是AJAX,AJAX能做寫什麼?


什麼是AJAX

       2005年,Adaptive Path公司的JesseJames Garrett發明了Ajax這個詞,他在發表的文章中給Ajax有了一個明確的定義“A new approach to  web applications”,Ajax就是用於概括異步加載頁面內容的技術。透過頁面點擊事件,不斷的向伺服器發送請求,然後伺服器會即時的返回最新的數據,這就是AJAX的功能。

      作為多種思想技術的融合體,將它分開來看,就是這幾個關鍵字:Asynchronous JavaScript And XML,非同步 JavaScript和XML。我們在使用AJAX過程中,肯定少不了這些技術的使用:使用XHTML和CSS的基於標準的表示技術,使用DOM進行動態顯示和交互,使用XML和XSLT進行資料交換和處理,使用XML HttpRequest 進行非同步資料的檢索,並使用JavaScript將上述的技術整合在一起。其中,Ajax的核心技術是XMLHttpRequest,簡稱XHR。

傳統Web應用 PK Ajax

#      以前,傳統Web應用程式都要涉及大量的頁面刷新:用戶只要點擊了某個鏈接,請求發送回伺服器,然後伺服器根據使用者的操作再返回新的頁面。即便用戶看到的只是頁面中的一小部分有變化,也要刷新和重新加載整個頁面,包括公司標誌、導航、頭部區域、腳步區域等。這樣會造成使用者體驗的中斷。

      使用Ajax就可以做到只更新頁面中的一小部分。其它內容,例如標誌、導航等都不用重新加載了。用戶仍然像往常一樣點擊鏈接,但這一次,已經加載的頁面中只有一小部分區域會更新,而不必再次加載整個頁面了。這樣就保證了使用者體驗的連續性。

優勢

 Ajax的主要優點是對頁面請求以非同步的方式傳送到伺服器。

      而伺服器不會使用整個頁面來回應請求,它會在後台處理請求,同時使用者還能繼續瀏覽頁面並與頁面互動。你的腳本則可以依需求載入和建立頁面內容,而不會打斷使用者的瀏覽體驗。利用Ajax,Web應用可以呈現出功能豐富,互動敏捷,類似桌面應用一般的體驗。

      和任何新技術一樣,Ajax有它自己的適用範圍。它依賴JavaScript,所以可能會有瀏覽器不支援它。

以上是對AJAX知識簡單的了解,我們先透過知道AJAX的作用以及優勢,在後面的學習會有一定幫助。
相關文章:

jQuery ajax動態操作表格tr td步驟詳解

JSONP解決ajax跨域問題(附程式碼)

jquery ajax提交form表單方法總結

#

以上是Ajax的概念與優勢的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn