iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 3
0
自我挑戰組

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

Day3--中途插入了JSON和物件 是不是搞錯了甚麼?

  • 分享至 

  • xImage
  •  

在繼續搞清楚 ajax之前 先談一下JSON
伺服器 對ajax 資料請求回應通常是以三種資料格式其中之一 html xml 或是JSON 那最常與javascript 做搭配就是JSON

json 就是一個資料交換格式

JSON(JavaScript Object Notation)是一種由道格拉斯·克羅克福特構想和設計、輕量級的資料交換語言,該語言以易於讓人閱讀的文字為基礎,用來傳輸由屬性值或者序列性的值組成的資料物件。儘管JSON是JavaScript的一個子集,但JSON是獨立於語言的文字格式,並且採用了類似於C語言家族的一些習慣。

各種的程式語言 像是java php 都有他們自己的資料庫 像是mysql之類的
資料交換一定要有共同的格式啊 json 就是其中之一

先來看看 json 長什麼樣子

"events":[
{
  "location" : "San Francisco,CA",
  "capacity" : 270,
  "booking" : true
},
{
  "location" : "NEW YORK,NY",
  "capacity" : 540,
  "booking" : true
},
  ]
  
  

不就是用陣列和物件ㄇ?
JSON 資料看起來類似物件標示,然而並不是物件,他只是單純的文字資料 ,我們是無法將物件傳遞為在網路上
但可以傳送可轉換為物件的文字再由瀏覽器進行轉換。

前面有“雙引號” "location" "capacity" "booking" 那些為key (鍵或名稱)
"San Francisco,CA" 270 true 那些為value (鍵值)

鍵和鍵值 必須以冒號來分隔
注意:每組鍵(key)和鍵值(value) 以逗號分隔,但最後一個鍵和鍵值 不要再加上逗號

我們就是用讀取物件和陣列的方式來讀取裡面的值

記住重點就是
物件(object) 大括號 { }

陣列(array) 中括號 [ ]

JSON 字串可以包含陣列 Array 資料或者是物件 Object 資料

物件或陣列的 value 值可以如下

-數字 number
-字串 strung
-布林函數 boolean (true 或 false)
-陣列 array
-物件 object
-null 空值

json 的應用

最常運用的在 Web 網頁程式從 Server 端傳送資料給 browser,就是透過 AJAX 方式交換 JSON 資料

資料&範例來源:https://www.elated.com/articles/json-basics/

下一期 繼續岔題講一下如何運用json資料 ovo


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

尚未有邦友留言

立即登入留言