104學習精靈

AJAX

AJAX
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
AJAX全稱為「Asynchronous JavaScript and XML」(非同步JavaScript和XML),是一種創建互動式網頁應用的網頁開發科技,類似於DHTML或LAMP。AJAX不是指一種單一的科技,而是有效地利用了一系列相關的科技。事實上,一些基於AJAX的「衍生/合成」式(derivative/composite)的科技正在出現,如「AFLAX」。 AJAX應用可以僅向伺服器發送並取回必需的資料,它使用SOAP或其它一些基於XML的頁面服務介面(介面),並在客戶端採用JavaScript處理來自伺服器的回應。因為在伺服器和瀏覽器之間交換的資料大量減少(大約只有原來的5%),結果我們就能看到回應(伺服器回應)更快的應用(結果)。同時很多的處理工作可以在發出請求的客戶端機器上完成,所以Web伺服器的處理時間也減少了。 該科技在1998年前後得到了應用。允許客戶端指令碼發送HTTP請求(XMLHTTP)的第一個零件由Outlook Web Access小組寫成。該零件原屬於微軟Exchange Server,並且迅速地成為了Internet Explorer 4.0的一部分。部分觀察家認為,Outlook Web Access是第一個應用了Ajax科技的成功的商業應用程式,並成為包括Oddpost的網路郵件產品在內的許多產品的領頭羊。但是,2005年初,許多事件使得Ajax被大眾所接受。Google在它著名的互動應用程式中使用了非同步通訊,如Google討論組、Google地圖、Google搜尋建議、Gmail等。Ajax這個詞由《Ajax: A New Approach to Web Applications》一文所創,該文的迅速流傳提高了人們使用該項科技的意識。另外,對Mozilla/Gecko的支援使得該科技走向成熟,變得更為易用。
關於教室
關注人數 31 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 31 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

AJAX 學習推薦

全部
影片
文章

不知如何開始嗎? 先進行技能挑戰吧~

技能挑戰:初級
目前等級:未達初級
857 人已通過「初級」測驗,通過率79%,和學習精靈一起探索知識、增強能力!
我要挑戰
「線上課程」微軟Asp.Net Core全端軟體工程師養成班
限時特惠72折實施中,只到 6/5
立即暸解👉https://bit.ly/3TJkiPk
前端主要以Vue.js為核心,學習相關熱門的MVVM動態網站開發框架,後端主要以微軟的C#程式為主,學習ASP.NET Core MVC、Restful API微服務趨勢與SQL Server開發應用,最後模擬業界實務專題部整合署Microsoft Azure 認知服務。
此課程由微軟國際認證名師陳宗興親授,過去宗興老師已成功協助近 1000名的學員成功就業或轉職軟體工程師。💻且在職場後的整體平均留用率達到83%以上。⬆️
此班最大特色為:
✅採用小班制教學方式
✅避開平日上班時間,便於想轉職或精進的學員。
✅採線上教學,側錄影片隨時複習。
✅模擬業界整合專題,導師調教傳授。
此班適合的對象:
⭕️剛畢業或退伍,想從事軟體開發的社會新鮮人。
⭕️已上過其他就業養成班,尚覺得技術能力需要提升者。
⭕️具ASP.NET程式開發基礎,想學更深開發技術的人。
⭕️在職者,但對目前薪水及工作不滿意,想轉換職業跑道者。
名額最後倒數❗️
不用花十萬 現在就立即展開學習
邁向ASP.NET Core 跨平台全端開發工程師吧!
(上期額滿,提早卡位最優惠!)
現在就立即報名👉https://bit.ly/3TJkiPk
1 0 960 0

熱門精選

104學習精靈

產品

04/25 15:52

【限量:免費報名】利用AI自動化行銷|直播講座
講座詳細資訊
時間:04/30(二) 20:00 - 21:00
講者:圭話行銷創辦人 何佳勳 / 業界資深的數位廣告行銷專家
主題:行銷新篇章:AI如何革新檔期活動策略
在這個數位化的時代,AI技術正以驚人的速度改變著我們的行銷方式。檔期促銷活動面對的受眾眾多,難以精準定位目標受眾,進而影響活動效果、每次規劃檔期活動都需要創造吸引人的內容和促銷方式,但長期以來,創意卻逐漸耗盡、想要掌握AI如何革新檔期活動策略的最新動向嗎?
你也在苦思如何創造不同以往、有別競品的檔期活動嗎?104學習精靈與緯育TibaMe,攜手邀請到數位廣告界專家 圭話行銷創辦人何佳勳老師。學員們都稱呼他為小圭老師,不僅熱愛與學員社群互動、對學員有問必答,更善於為客戶的製造許多驚喜及營收,一起期待老師分享如何透過 AI 工具提升30%的檔期活動成效吧~
1 0 849 0
學習精靈

04/24 00:00

2143 2
Trulli Wu

產品經理

04/02 08:20

認識SPA(Single-Page Application)
想想看,當你在瀏覽器上查看某個線上討論串時,每按一下整個網頁就得重新整個載入,讓你不得不在頻頻中斷的畫面裡耐心等候。但是有一天,你發現新的網站設計已經扭轉了這個困境 - 當你閱讀下一段內容時,網頁的其他部分都維持不變,只有需要的區塊才會自動更新,瀏覽體驗變得頓時無縫順暢。
這種奇妙的網頁瀏覽模式,就來自一種名為「單頁應用程式」(Single Page Application,SPA)的新興設計理念。SPA 透過只更新頁面中須改變的區塊,為使用者帶來無阻且像使用傳統應用程式般的瀏覽體驗,讓網頁不僅更加流暢,也更符合現代人的使用習慣。
有越來越多知名的網路服務像Gmail、Facebook、GitHub等,都已廣泛採用SPA架構。這種前所未見的網頁設計模式,無疑將徹底改變你我對網頁的刻板印象,帶來嶄新的網路體驗。
下段我們來談談SPA的優缺點吧!
【SPA的優點】
1.更佳的使用者體驗:由於不需要經常重新載入整個頁面,使用者體驗更加流暢無縫。
2.有效利用網路頻寬:只傳輸必要的資料,而非完整的HTML頁面,可以減少伺服器和用戶端之間的資料傳輸量。
3.更好的前後端工作分離:前端專注於渲染資料並與使用者互動,後端只提供API支援資料操作,有利於分工協作。
【SPA的缺點】
1.初始載入時間較長:需要一次性載入所有JavaScript檔案,所以第一次載入時間可能會比傳統網頁長。
2.不利於搜尋引擎優化(SEO) :SPA在初始載入時只返回空白頁面,搜尋引擎很難抓取其內容。
3.難以維護狀態:由於單個頁面的多個視圖狀態不斷變化,開發人員需額外處理狀態管理。
4.瀏覽器返回鍵可能無效:不能正確返回上一頁,需特別處理。
【SPA的缺點如何應對】
1.優化載入流程:使用程式碼分割(code splitting)、動態載入(dynamic import)等技術,減少初始載入的資源大小。
2.預渲染/伺服器端渲染(SSR):使用SSR技術在伺服器端生成靜態HTML,提高初始渲染效率,增強SEO能力。
3.管理應用狀態:使用狀態管理函式庫,如Redux、MobX,集中管理應用狀態,簡化視圖層的邏輯。
4.配置HTML5 History API:應用HTML5 History API,正確實現瀏覽器的返回/前進按鈕。
總的來說,SPA適合高度互動的網頁應用,但需權衡其缺點並作相應優化。選擇合適的開發框架及工具,並做好優化,可以充分發揮SPA的優勢。
0 0 261 0
學習精靈

503 24

推薦給你

104學習精靈

產品

40分鐘前

要如何判斷使用者的裝置?手機、PC、平板判別法
在網頁開發中,了解使用者設備類型至關重要。透過User-Agent、CSS、JavaScript等方法,工程師可以根據不同設備提供最佳化的網頁體驗。以下為詳細說明:
1. User-Agent 字串: 瀏覽器會傳一串資訊給網站,其中就包含了使用者的設備資訊,像是操作系統和設備類型。工程師可以查看這串資訊,從中判斷使用者是用手機、電腦還是平板。
2. CSS 查詢: 工程師可以設計不同的網頁樣式,根據使用者的螢幕大小。比如,手機和平板可能會有不同的版面設計,而電腦則又不同。
3. JavaScript 檢測: 工程師可以用 JavaScript 檢查使用者的螢幕大小,以及其他設備資訊。這樣就能大概知道使用者用的是什麼設備。
4. 第三方庫或服務: 有一些工具可以幫助工程師判斷使用者的設備類型,不過這需要用到外部的程式庫或是服務。
5. 瀏覽器特性: 一些瀏覽器本身就有辦法讓工程師取得設備資訊,不過這個方法限制比較多,並不是所有瀏覽器都支援。
簡單來說,工程師可以透過這些方法來判斷使用者是用手機、電腦還是平板,進而調整網站的呈現方式,讓使用者有更好的使用體驗。
0 0 29 0
你可能感興趣的教室