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 學習推薦

全部
影片
文章

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

技能挑戰:初級
目前等級:未達初級
855 人已通過「初級」測驗,通過率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 826 0

熱門精選

陳立婕

產品行銷專案經理

04/18 12:31

🔥104人力銀行「2024職涯博覽會」開始報名啦📢
一年就這一次!應屆預備找工作搶先報名 👉 https://tw104.pse.is/5u86r4
微軟、緯穎、德州儀器、遊戲橘子、東京威力科創、KPMG、IKEA、星巴克、宜得利、迪卡儂等,上百家頂尖知名企業現場徵才🤩
📍 6/15(六) 資訊科技、顧問金融業
企業名單看這邊➡️ https://tw104.pse.is/5u834l
📍 6/16(日) 電子製造業、零售服務業
企業名單看這邊➡️ https://tw104.pse.is/5u83bn
連續兩日,優質企業將在現場釋出數千個工作機會💼
另有中高階獵才、職涯諮詢、趨勢論壇、夜fun職場等系列活動,
主題精采多元,除部分講座收費,其餘活動皆 免費!免費!免費!
心動不如立即搶先報名👉 https://tw104.pse.is/5u86r4
1 2 3045 0
學習精靈

04/24 00:00

2139 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 249 0
學習精靈

503 24

推薦給你

104學習精靈

產品

11小時前

10個適合用在句首的單字,簡單好記,又有變化!附上例句說明
1. Totally (完全地):
Totally, I agree with your point of view.
2. Absolutely (絕對):
Absolutely, we should go with that option.
3. Definitely (肯定地):
Definitely, let's schedule a meeting for tomorrow.
4. Certainly (當然):
Certainly, I can help you with that task.
5. Surely (無疑地):
Surely, you can count on me for support.
6. Indeed (的確):
Indeed, it was a challenging project.
7. Absolutely (絕對):
Absolutely, we should proceed with caution.
8. Certainly (當然):
Certainly, that's a valid point you raised.
9. Definitely (肯定地):
Definitely, I'll look into it right away.
10. Absolutely (絕對):
Absolutely, let's aim for excellence in our work.
1 0 377 0
你可能感興趣的教室