iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 17
0
Modern Web

ASP.NET MVC5架構說明與Q&A諮詢系統實作系列 第 17

[DAY 17] 什麼是 AJAX、JSON?

因為動態網頁設計,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

尚未有邦友留言

立即登入留言