兩千MIS的沙龍

[Youtube] JSON — 20分鐘 快速入門

兩千MIS-avatar-img
兩千MIS
閱讀時間約 5 分鐘
Youtube教學影片 — JSON， 20分鐘 快速入門
這是 Web Service、WCF、WebAPI課程中的一小段。
JSON與jQuery都是我們使用網頁服務時 “必備”的知識……
影片網址
https://www.youtube.com/watch?v=8-1Fu9gWpfY
https://youtu.be/8-1Fu9gWpfY
這是 Web Service、WCF、WebAPI課程中的一小段（全長超過 6.5小時）。
JSON與jQuery都是我們使用網頁服務時 “必備”的知識，透過影片來分享、學習，絕對比自己慢慢看書更有效率。
課程大綱
=== 入門與解說 ===
00:01:35 沒有UI畫面的「網頁」程式？ 以「檔案上傳後，二進位內容存入資料表」為例
00:03:34 (1) Web Form的 ASHX 泛型處理常式
00:07:13 (2) MVC專案的 GetImage動作
00:12:06 沒有UI畫面的程式？例如：DLL檔、類別檔。
00:16:58 為什麼不採用 DLL檔、類別檔
=================================
00:26:02 === Web Service ===（MVC版）
00:27:29 Web Service （MVC版，Server端）
00:33:08 執行與檢視Web Service
00:37:30 Web Service （MVC版，Client端呼叫）
簡單的MVC入門與程式撰寫
00:41:32 Client端，加入服務參考
00:46:26 Client端，MVC的控制器與動作
00:58:53 Client端，產生檢視畫面
01:02:17 Case Study — 第二個 Web Service範例 (MVC版，Server端)
01:05:10 第二個 Web Service範例 (MVC版，Client端)
01:06:39 Client端，MVC，加入ViewModel
01:12:42 檢視畫面（View）
01:13:37 第二個同名的動作（新增後的資料處理）
01:23:44 執行成果
01:26:29 最後的重點複習
01:28:43 加入服務參考，其實寫在Web.Config檔裡面
=================================
01:30:09 === Web Service ===（Web Form版）
01:31:18 開啟兩套Visual Studio，分別模擬Server端與Client端
01:32:47 Web Service範例 (Server端)
01:36:50 執行成果 (Server端)
01:40:28 Client端。如何呼叫人家寫好的Web Service
01:41:22 加入服務參考 (Client端)
01:44:21 Web Form (Client端)呼叫人家寫好的Web Service
01:51:39 (Client端) Web.Config檔
01:52:55 Case Study — 第二個 Web Service範例 (Web Form版，Server端)
01:57:07 第二個 Web Service範例 (Web Form版，Client端)
=================================
=== WCF Service ===（MVC版） 
02:06:22 WCF 簡介
02:13:15 撰寫第一個WCF服務 (Server端)
02:16:20 WCF服務的介面（interface）與服務契約、操作契約
02:17:24 WCF的類別，實作上一個介面
02:19:15 錯誤示範：未實作介面成員
簡單的MVC入門與程式撰寫
=================================
=== WCF Service ===（Web Form版）
02:38:57 建議打開兩套Visual Studio，各自模擬 Server與Client
=================================
02:58:58 === WebAPI ===（Server端）
 又遇見Post與Get
=================================
03:42:27 === 為什麼要先學 jQuery呢？ ===
 先看看別人的產品，瞭解 jQuery （Client端）與網頁服務 （Server端）的互動。
=================================
04:10:46 === Client端，透過 jQuery呼叫網頁服務 ===
 透過 jQuery連結遠端、別人的網頁服務（Web Service與WCF）
=================================
05:13:57 === 錯誤範例（MVC版）Client端呼叫網頁服務 ===
 Web Form不會出現的錯誤，卻在MVC裡面現形。注意 ViewModel的細節。
=================================
05:34:07 === JSON，資料傳遞的簡易格式 ===
 從XML到JSON，改善了什麼？
 解析JSON並獲取裡面的資料。
=================================
=== WebAPI與 jQuery整合範例 ===
為什麼會看到廣告
    avatar-img
    兩千MIS的沙龍
    4會員
    128內容數
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者！
    兩千MIS的沙龍 的其他內容
    ASP.NET MVC 教學影片（第一天5.5小時課程，免費觀賞）
    第一天的ASP.NET MVC 影片，免費給您評估： 您可以在 Youtube看見第一天（第一節）的內容，這裡只有 1–1 & 1–2 的內容。 1–1課程(ASP.NET MVC) https://youtu.be/9spaHik87-A MVC的學習不簡單，上完課後，務必自己動手練！
    面試的小故事 — (1) 老闆的智慧 & (2) 虧欠了誰？
    這是我身邊發生，真實的，兩則面試的小故事： (1) 老闆的智慧 (2) 虧欠了誰？ ** 老闆的智慧 ** 有個人面試通過之後，要求兩個月後才能到任。 到任前半個月，主動提醒、跟他Double Check，他才說 “不來了，而且 已經 在一家新公司上班。” 老闆知道以後說： ** 虧欠了誰？ **
    [職場]（嗆）你到底要不要換工作？ (下集) — 誠實，最難堪的狀態，卻最有價值的對策
    上一篇故事 ( [職場]（嗆）你到底要不要換工作？你到底要不要換工作嘛？ ) 在短短幾天內，又有新的發展 人力顧問小姐來信，說她幫我 “取消” 了這次面談。 因為獵人頭公司卡在中間，我跟A公司彼此是聯絡不上彼此的。 看起來，切得一刀兩斷。 再也不會有人提起這件「嗆人」的事。 但是……
    [職場]（嗆）你到底要不要換工作？你到底要不要換工作嘛？（上集）
    前些日子，有家人力顧問公司（獵人頭）主動打電話給我，說有個工作適合我。 地點在北投，我就稱他是北投A公司好了。 我不太清楚這些人力顧問公司是從哪裡找到我的資料的？ 他們總是很厲害地會找上來。 人力顧問小姐，跟我詢問了一些基本問題、想法之後， 便交換了 E-Mail。 外包？要外包在台灣？還是大陸？
    職場與金剛經…..談談我不可思議的際遇
    之前有幾篇文章，有提到金剛經 ( वज्रच्छेदिकाप्रज्ञापारमितासूत्र，vájra-cchedikā-prajñā-pāramitā-sūtra ) 帶給我不可思議的經歷： [職場]幾個不愉快的求職經驗，與我人生的奇遇 最近的一次，是我被小人陷害 上面這段經歷，請看：
    全盤接受自己的人生，在徹底悲觀的背面，樂觀才會出現
    這是 Miss DM的大作，二月的三堂課 特別感謝她的首肯，讓我能跟大家分享這篇好文章 附註：Miss DM所在的公司，是一家國際知名、超大網路公司 — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — 點選圖片可看原文：
    ASP.NET MVC 教學影片（第一天5.5小時課程，免費觀賞）
    第一天的ASP.NET MVC 影片，免費給您評估： 您可以在 Youtube看見第一天（第一節）的內容，這裡只有 1–1 & 1–2 的內容。 1–1課程(ASP.NET MVC) https://youtu.be/9spaHik87-A MVC的學習不簡單，上完課後，務必自己動手練！
    面試的小故事 — (1) 老闆的智慧 & (2) 虧欠了誰？
    這是我身邊發生，真實的，兩則面試的小故事： (1) 老闆的智慧 (2) 虧欠了誰？ ** 老闆的智慧 ** 有個人面試通過之後，要求兩個月後才能到任。 到任前半個月，主動提醒、跟他Double Check，他才說 “不來了，而且 已經 在一家新公司上班。” 老闆知道以後說： ** 虧欠了誰？ **
    [職場]（嗆）你到底要不要換工作？ (下集) — 誠實，最難堪的狀態，卻最有價值的對策
    上一篇故事 ( [職場]（嗆）你到底要不要換工作？你到底要不要換工作嘛？ ) 在短短幾天內，又有新的發展 人力顧問小姐來信，說她幫我 “取消” 了這次面談。 因為獵人頭公司卡在中間，我跟A公司彼此是聯絡不上彼此的。 看起來，切得一刀兩斷。 再也不會有人提起這件「嗆人」的事。 但是……
    [職場]（嗆）你到底要不要換工作？你到底要不要換工作嘛？（上集）
    前些日子，有家人力顧問公司（獵人頭）主動打電話給我，說有個工作適合我。 地點在北投，我就稱他是北投A公司好了。 我不太清楚這些人力顧問公司是從哪裡找到我的資料的？ 他們總是很厲害地會找上來。 人力顧問小姐，跟我詢問了一些基本問題、想法之後， 便交換了 E-Mail。 外包？要外包在台灣？還是大陸？
    職場與金剛經…..談談我不可思議的際遇
    之前有幾篇文章，有提到金剛經 ( वज्रच्छेदिकाप्रज्ञापारमितासूत्र，vájra-cchedikā-prajñā-pāramitā-sūtra ) 帶給我不可思議的經歷： [職場]幾個不愉快的求職經驗，與我人生的奇遇 最近的一次，是我被小人陷害 上面這段經歷，請看：
    全盤接受自己的人生，在徹底悲觀的背面，樂觀才會出現
    這是 Miss DM的大作，二月的三堂課 特別感謝她的首肯，讓我能跟大家分享這篇好文章 附註：Miss DM所在的公司，是一家國際知名、超大網路公司 — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — 點選圖片可看原文：
    你可能也想看
    Google News 追蹤
    avatar-avatar
    方格子 vocus 官方沙龍
    2024/11/27
    Thumbnail
    🔔 叮咚～時代的眼淚：投稿懷舊主題，vocus 送你經典「偉士牌樂高」！
    徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
    #時代的眼淚#懷舊追星#懷舊ACG
    avatar-avatar
    理財人妻Vivi
    2024/12/25
    Thumbnail
    為什麼選擇美股？從入門策略到如何突破理財門檻 with 國泰世華CUBE App
    隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。 然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
    #美股小白#國泰世華銀行#國泰世華
    avatar-avatar
    奧莉薇走在成為後端工程師之路上
    2024/07/16
    Thumbnail
    後端框架與API 開發(6-1) - Web API
    ※ 什麼是Web API API 就是後端開出來讓前端來用的介面，讓前端與後端可以溝通。 API流程： 終端使用者用任何一種裝置進入瀏覽器。 瀏覽器透過 API 向後端發出請求，請求查詢或修改資料。 後端透過 API 收到前端的請求後，取得資料並回應給前端。 前端渲染畫面，終端使用者
    avatar-avatar
    奧莉薇走在成為後端工程師之路上
    2024/07/13
    Thumbnail
    後端框架與API 開發(六) - 前後分離開發演進
    ※ 原本狀態：伺服器渲染 這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。 伺服器渲染流程： 瀏覽器針對特定網址送出請求。 路由器解析請求後，轉接給對應的 controller。 controller 按照要求，透過
    avatar-avatar
    橙果杏的沙龍
    2024/06/20
    Thumbnail
    【中高階級】－Web Service(4)使用
    前面已經安裝好IIS後，並且也新建站台了，那麼接下來這篇就會分享如何使用它
    #CSharp#IIS#WebService
    avatar-avatar
    橙果杏的沙龍
    2024/06/17
    Thumbnail
    【中高階級】－Web Service(3)建立
    接續上一篇 Step2：VC#專案建立 Step3：IIS新建站台 Step4：VC#架設到IIS中
    #CSharp#WebService#IIS
    avatar-avatar
    橙果杏的沙龍
    2024/06/16
    Thumbnail
    【中高階級】－Web Service(2)建立
    　　在開始操作Web Service之前，要先做一些前置作業IIS的安裝，再開始建置Web Service相關內容，最後就是連線測試。 　　IIS（Internet Information Services）是網際網路資訊服務，可以讓網站使用HTTP/HTTPS、FTP/FTPS、SMTP 等等的
    #CSharp#WebService#IIS
    avatar-avatar
    橙果杏的沙龍
    2024/06/14
    Thumbnail
    【中高階級】－Web Service(1)介紹
    一、什麼是Web Service? 　　簡單說就是「服務」的概念，人與人間、電腦與電腦間都是一樣的，一個是人與人的一來一回交流，媒介是語言中文，另一個則是個人電腦與伺服器的交流，媒介是HTTP/Internet，那麼有了媒介，就會有共同格式才能做
    #CSharp#WebService
    avatar-avatar
    郭欣玫的沙龍
    2024/05/30
    xhr/fetch/axios串api
    xhr 在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。 具體來說步驟有四個： 建立XMLHttpReque 開啟一個請求。 送出請求。 拿到回應後去處理畫面要如何呈現。
    avatar-avatar
    奧莉薇走在成為後端工程師之路上
    2024/04/07
    ※ 後端面試考古題(二)
    ※ 什麼是 RESTful API？ 這種運用 HTTP 來表達語義的路由設計風格稱為 RESTful API，它描述了如何實現 Web API 的架構。所謂的 API 是應用程式介面 (application programming interface)，網址也是一種應用程式的「介面」，故稱為
    avatar-avatar
    Amber hh的沙龍
    2024/02/11
    Thumbnail
    學習筆記 | 什麼是 API ?
    先前幾篇筆記介紹了網路請求，瀏覽器儲存資料的方式，那麼實務上，前端最常需要發送網路請求的時候，就是透過呼叫 API，去向後端工程師發送/請求資料，所以今天來記錄什麼是 API吧！
    #開發#應用程式#軟體
    avatar-avatar
    HKT實驗室
    2024/01/02
    解析 JSON 資料
    本課程學習如何解析 JSON 資料。
    #Android教學#Android入門指南
    avatar-avatar
    方格子 vocus 官方沙龍
    2024/11/27
    Thumbnail
    🔔 叮咚～時代的眼淚：投稿懷舊主題，vocus 送你經典「偉士牌樂高」！
    徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
    #時代的眼淚#懷舊追星#懷舊ACG
    avatar-avatar
    理財人妻Vivi
    2024/12/25
    Thumbnail
    為什麼選擇美股？從入門策略到如何突破理財門檻 with 國泰世華CUBE App
    隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。 然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
    #美股小白#國泰世華銀行#國泰世華
    avatar-avatar
    奧莉薇走在成為後端工程師之路上
    2024/07/16
    Thumbnail
    後端框架與API 開發(6-1) - Web API
    ※ 什麼是Web API API 就是後端開出來讓前端來用的介面，讓前端與後端可以溝通。 API流程： 終端使用者用任何一種裝置進入瀏覽器。 瀏覽器透過 API 向後端發出請求，請求查詢或修改資料。 後端透過 API 收到前端的請求後，取得資料並回應給前端。 前端渲染畫面，終端使用者
    avatar-avatar
    奧莉薇走在成為後端工程師之路上
    2024/07/13
    Thumbnail
    後端框架與API 開發(六) - 前後分離開發演進
    ※ 原本狀態：伺服器渲染 這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。 伺服器渲染流程： 瀏覽器針對特定網址送出請求。 路由器解析請求後，轉接給對應的 controller。 controller 按照要求，透過
    avatar-avatar
    橙果杏的沙龍
    2024/06/20
    Thumbnail
    【中高階級】－Web Service(4)使用
    前面已經安裝好IIS後，並且也新建站台了，那麼接下來這篇就會分享如何使用它
    #CSharp#IIS#WebService
    avatar-avatar
    橙果杏的沙龍
    2024/06/17
    Thumbnail
    【中高階級】－Web Service(3)建立
    接續上一篇 Step2：VC#專案建立 Step3：IIS新建站台 Step4：VC#架設到IIS中
    #CSharp#WebService#IIS
    avatar-avatar
    橙果杏的沙龍
    2024/06/16
    Thumbnail
    【中高階級】－Web Service(2)建立
    　　在開始操作Web Service之前，要先做一些前置作業IIS的安裝，再開始建置Web Service相關內容，最後就是連線測試。 　　IIS（Internet Information Services）是網際網路資訊服務，可以讓網站使用HTTP/HTTPS、FTP/FTPS、SMTP 等等的
    #CSharp#WebService#IIS
    avatar-avatar
    橙果杏的沙龍
    2024/06/14
    Thumbnail
    【中高階級】－Web Service(1)介紹
    一、什麼是Web Service? 　　簡單說就是「服務」的概念，人與人間、電腦與電腦間都是一樣的，一個是人與人的一來一回交流，媒介是語言中文，另一個則是個人電腦與伺服器的交流，媒介是HTTP/Internet，那麼有了媒介，就會有共同格式才能做
    #CSharp#WebService
    avatar-avatar
    郭欣玫的沙龍
    2024/05/30
    xhr/fetch/axios串api
    xhr 在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。 具體來說步驟有四個： 建立XMLHttpReque 開啟一個請求。 送出請求。 拿到回應後去處理畫面要如何呈現。
    avatar-avatar
    奧莉薇走在成為後端工程師之路上
    2024/04/07
    ※ 後端面試考古題(二)
    ※ 什麼是 RESTful API？ 這種運用 HTTP 來表達語義的路由設計風格稱為 RESTful API，它描述了如何實現 Web API 的架構。所謂的 API 是應用程式介面 (application programming interface)，網址也是一種應用程式的「介面」，故稱為
    avatar-avatar
    Amber hh的沙龍
    2024/02/11
    Thumbnail
    學習筆記 | 什麼是 API ?
    先前幾篇筆記介紹了網路請求，瀏覽器儲存資料的方式，那麼實務上，前端最常需要發送網路請求的時候，就是透過呼叫 API，去向後端工程師發送/請求資料，所以今天來記錄什麼是 API吧！
    #開發#應用程式#軟體
    avatar-avatar
    HKT實驗室
    2024/01/02
    解析 JSON 資料
    本課程學習如何解析 JSON 資料。
    #Android教學#Android入門指南