iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
3
自我挑戰組

從頭開始的API 和ajax系列 第 1

Day1 甚麼是Ajax? (part1)

開始進行非常痛苦的事情就是重打.....fuck!!!

1.甚麼是Ajax

非同步 JavaScript 及 XML(Asynchronous JavaScript and XML,AJAX) 並不能稱做是種「技術」,而是 2005 年時由 Jesse James Garrett 所發明的術語,描述一種使用數個既有技術的「新」方法。這些技術包括 HTML 或 XHTML、層疊樣式表、JavaScript、文件物件模型、XML、XSLT 以及最重要的 XMLHttpRequest 物件。
當這些技術被結合在 Ajax 模型中,Web 應用程式便能快速、即時更動介面及內容,不需要重新讀取整個網頁,讓程式更快回應使用者的操作。

重點在於後面的文字,可與伺服器進行非同步更新,不需要重新載入整個網頁
每次要吃資料都要重載很多次,一秒幾十萬上下知道嗎

-JavaScript
-HTTP
是我們會使用的東西

• XMLHttpRequest (是JavaScript Object), 後臺發送HTTP請求
• JavaScript DOM , 修改HTML來展示資訊
• HTTP請求和伺服器交互

規劃一個網頁含有AJAX技術
最常見的例子就是 用戶註冊 驗證信箱,驗證信箱或用戶名是否有被重複使用,不用等到全部填完資料才能驗證

下一期 做一個簡單伺服器
透過XMLHttpRequest 物件跨瀏覽器撈資料

本次系列文章類似筆記練習和觀念重新整理還有碎碎念
謝謝收看
ありがとうございました!

預計主題:
-甚麼是Ajax? (part1)
-甚麼是Ajax? (part2) ---XMLHttpRequest 撈資料
-中途插入了JSON和物件 是不是搞錯了甚麼?( 觀念複習)
-就算是Ajax有愛就沒問題了對吧--非同步觀念(part1)
-就算是Ajax有愛就沒問題了對吧--非同步觀念(part2)

つつぐ


下一篇
Day2 甚麼是Ajax? (part2) ---XMLHttpRequest 撈資料
系列文
從頭開始的API 和ajax9
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Luis-Chen
iT邦新手 4 級 ‧ 2018-10-12 16:03:31

酷喔 30天都講 ajax?

yolala iT邦新手 5 級 ‧ 2018-10-12 16:14:20 檢舉

還有api

我要留言

立即登入留言