iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 17
1

因為動態網頁設計,AJAX 和 JSON 是很常用的!所以來介紹它們╰(°▽°)╯

AJAX

  • Asynchronous JavaScript and XML (非同步的 JavaScript 與 XML 技術)
  • 網頁不刷新頁面的情況下,即時地透過瀏覽器去跟伺服器發送請求 XMLHttpRequest,並在客戶端採用 JavaScript 處理來自伺服器的回應
  • 早期 AJAX 是透過 XML 的格式進行資料交換,但因為 XML 格式複雜、字多,逐漸轉換使用 JSON 格式進行
    XML & JSON 比較
    https://ithelp.ithome.com.tw/upload/images/20200929/20128969WF1zKuajpz.png

JSON

  • JavaScript Object Notation ( JavaScript 物件表示法)
  • 是一種輕量級 資料交換語言
  • 格式容易理解,修改也容易

舉例:
https://ithelp.ithome.com.tw/upload/images/20200929/20128969EBWJNnOCK5.png

User 點選下拉選單 ➡ JavaScript 透過 AJAX 將選項 ID 傳給伺服器要資料 ➡ 伺服器接收請求將選項 ID 的資料使用 JSON 格式傳回 ➡ JavaScript 收到 JSON 資料顯示給 User 觀看

兩者關係:
透過 AJAX 方式交換 JSON 資料


上一篇
[DAY 16] View - Razor 語法基本介紹
下一篇
[DAY 18] 比較:AJAX - get / post 方法
系列文
ASP.NET MVC5架構說明與Q&A諮詢系統實作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
itsteven
iT邦新手 5 級 ‧ 2021-05-08 17:34:32

謝謝小葵大大詳細的操作教學
請問關於JSON的語法,之前學是屬性和值都是用雙引號包起來
像是這樣:{"id":"two","sex":"male","age":20}
還是在這裡語法有什麼不一樣的表示嗎

chanroy iT邦新手 5 級 ‧ 2021-12-22 10:43:45 檢舉

您好: 
請參閱此份連結,感謝!

https://www.itread01.com/content/1549598245.html

我要留言

立即登入留言