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

Ajax的概念與優勢

May 10, 2018 am 10:36 AM
ajax 優勢 概念

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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Go語言的特徵與優勢分析 Go語言的特徵與優勢分析 Apr 03, 2024 pm 10:06 PM

Go語言的特點:高並發性(goroutine)自動垃圾回收跨平台簡潔性模組化Go語言的優勢:高效能安全性可擴展性社群支持

使用 serverless 架構部署 PHP 應用的優點和缺點是什麼? 使用 serverless 架構部署 PHP 應用的優點和缺點是什麼? May 06, 2024 pm 09:15 PM

使用Serverless架構部署PHP應用程式具有以下優點:免維護、按需付費、高度可擴展、簡化開發和支援多種服務。缺點包括:冷啟動時間、調試困難、鎖定供應商、功能限制和成本優化挑戰。

PHP 與 Ajax:建立一個自動完成建議引擎 PHP 與 Ajax:建立一個自動完成建議引擎 Jun 02, 2024 pm 08:39 PM

使用PHP和Ajax建置自動完成建議引擎:伺服器端腳本:處理Ajax請求並傳回建議(autocomplete.php)。客戶端腳本:發送Ajax請求並顯示建議(autocomplete.js)。實戰案例:在HTML頁面中包含腳本並指定search-input元素識別碼。

Oracle RAC 簡介及核心概念 Oracle RAC 簡介及核心概念 Mar 07, 2024 am 11:39 AM

OracleRAC(RealApplicationClusters)簡介及核心概念隨著企業資料量的不斷增長和對高可用性、高效能的需求日益突出,資料庫叢集技術變得越來越重要。 OracleRAC(RealApplicationClusters)就是為了解決這個問題而設計的。 OracleRAC是Oracle公司推出的一種高可用性、高效能的叢集資料庫解

如何使用Ajax從PHP方法取得變數? 如何使用Ajax從PHP方法取得變數? Mar 09, 2024 pm 05:36 PM

使用Ajax從PHP方法取得變數是Web開發中常見的場景,透過Ajax可以實作頁面無需刷新即可動態取得資料。在本文中,將介紹如何使用Ajax從PHP方法中取得變量,並提供具體的程式碼範例。首先,我們需要寫一個PHP檔案來處理Ajax請求,並傳回所需的變數。下面是一個簡單的PHP檔案getData.php的範例程式碼:

探索Go語言的優勢及應用場景 探索Go語言的優勢及應用場景 Mar 27, 2024 pm 03:48 PM

Go語言是一種由Google開發的開源程式語言,於2007年首次發布。它被設計成一種簡單易學、高效、並發性強的語言,受到越來越多開發者的青睞。本文將探討Go語言的優勢,並介紹一些適合Go語言的應用場景,同時給出具體的程式碼範例。優勢並發性強:Go語言內建支援輕量級執行緒-goroutine,能夠輕鬆實現並發程式設計。透過使用go關鍵字就可以啟動goroutin

Golang 伺服器的優勢及效用詳解 Golang 伺服器的優勢及效用詳解 Mar 20, 2024 pm 01:51 PM

Golang是一種由Google開發的開源程式語言,它具有高效、快速、強大的特點,被廣泛應用於雲端運算、網路程式設計、大數據處理等領域。作為一種強型別、靜態語言,Golang在建置伺服器端應用程式時具有諸多優勢。本文將詳細解析Golang伺服器的優勢及效用,並透過具體的程式碼範例來說明其強大之處。 1.高性能Golang的編譯器能夠將程式碼編譯成為本地代

Golang 的單線程特性及優勢 Golang 的單線程特性及優勢 Mar 18, 2024 am 11:51 AM

Golang的單執行緒特性及優勢隨著網路和行動應用的蓬勃發展,對於高效能、高並發的程式語言需求日益增加。在這種背景下,Go語言(簡稱Golang)由Google公司開發並於2009年首次發布,迅速受到廣大開發者的歡迎。 Golang是一種使用靜態型別、並發設計的開源程式語言,其最大的優點之一就是其單執行緒特性。 Golang採用Goroutine的並發模型,

See all articles