# AJAX 與資料處理

# JSON 資料

什麼是 JSON?

JavaScript Object Notation (JSON) 為將結構化資料 (structured data) 呈現為 JavaScript 物件的標準格式,常用於網站上的資料呈現、傳輸 (例如將資料從伺服器送至用戶端,以利顯示網頁)

JSON 可能是物件或字串。當你想從 JSON 中讀取資料時,JSON 可作為物件;當要跨網路傳送 JSON 時,就會是字串。

「JSON 物件基本上就是 JavaScript 物件」

舉例如下:

{
  "squadName" : "Super hero squad",
  "homeTown" : "Metro City",
  "formed" : 2016,
  "secretBase" : "Super tower",
  "active" : true,
  "members" : [
    {
      "name" : "Molecule Man",
      "age" : 29,
      "secretIdentity" : "Dan Jukes",
      "powers" : [
        "Radiation resistance",
        "Turning tiny",
        "Radiation blast"
      ]
    }
  ]
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

只要在宣告一個變數等於這個 JSON,基本上就是一個物件了!

# 什麼是 AJAX ?

AJAX 是「Asynchronous JavaScript and XML」(非同步的 JavaScript 與 XML 技術)的縮寫,簡單說就是網頁不用重新整理,就能即時地透過瀏覽器去跟伺服器溝通,撈出資料。

伺服器對 AJAX 資料請求回應通常是以三種資料格式其中之一(HTML、XML、JSON),最常與 Javascript 做搭配就是 JSON

# 什麼是 API ?

我們前端網頁要取得後台資料庫,前端網頁是無法透過任合方式直接去操作資料庫的內容,因此中間一定都會有後端的伺服器,那前端網頁跟伺服器怎麼溝通呢?用 API 的方法去溝通,API 本身是一個網址,可對 API 進行各種操作,例如我要取得資料(get)、新增資料(posr)、更新資料(patch)、刪除資料(delete) ...等等

# 其他教學網址

AJAX 筆記

最後更新: 6/29/2020, 3:08:42 PM