MIS2000 Lab. - ASP.NET專題實務 & WebForm +MVC 遠距教學: jQuery

顯示具有 jQuery 標籤的文章。顯示所有文章

2022年8月12日星期五

[ASP.NET Core MVC]前端特效 jQueryUI 與檢視畫面的結合

Youtube 網址

購買本課程（前端特效）請洽九比一網站 https://www.9vs1.com/go/?i=0a429d1af743

購買完整MVC課程（超過115小時），限時六折優惠

並免費加贈兩萬元「.NET Core升級課程」，請直接來信洽詢

（太便宜！太划算，不能公開）

mis2000lab (at) yahoo.com.tw ; school (at) mis2000lab.net

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/mis2000lab_MVC_onlineLearning2023

[ASP.NET Core MVC]第一天免費課程 3小時完整試聽

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/AspNetCore_MVC_First_Day_Free_20230130

從最早的 75小時MVC課程，目前已經延伸到 115小時，也包含了 .NET Core

.NET Core 6 MVC線上教學 - MIS2000Lab 課程大綱與試聽

https://dotblogs.com.tw/mis2000lab/2021/07/18/NET_MVC_Online_Free_Learning_mis2000lab

購買完整MVC課程（超過115小時），限時六折優惠並免費加贈兩萬元「.NET Core升級課程」，請直接來信洽詢

（太便宜！太划算，不能公開） mis2000lab (at) yahoo.com.tw ; school (at) mis2000lab.net

2017年9月18日星期一

[轉貼]jQuery與JSON的資料傳遞（網頁前段與後端的資料傳遞 - 序列化 Serialization） from kyleshen

今天在論壇上看見一則討論
點部落的另外一位網友 -- kyleshen 有兩篇文章很淺顯易懂（超連結在文章最後面），推薦給大家。

但在觀看這兩篇文章以前，可以從這些文章入門
========================================================================================
你不可不知的 JSON 基本介紹 ( from AppleBOY )
http://blog.wu-boy.com/2011/04/%E4%BD%A0%E4%B8%8D%E5%8F%AF%E4%B8%8D%E7%9F%A5%E7%9A%84-json-%E5%9F%BA%E6%9C%AC%E4%BB%8B%E7%B4%B9/
陳鍾誠老師的文章 http://ccc.nqu.edu.tw/wd.html#js:object

瞭解JSON格式 ( from 清新下午茶 )

http://j796160836.pixnet.net/blog/post/30530326-%E7%9E%AD%E8%A7%A3json%E6%A0%BC%E5%BC%8F

一圖解千言，看了立刻懂

===================================================

2014/5/14補充：
VS 2013 Update 2推出以後，有提供 JSON file幫您做驗證，有助您撰寫JSON文檔
詳見 http://blogs.msdn.com/b/webdev/archive/2014/05/12/announcing-new-web-features-in-visual-studio-2013-update-2-rtm.aspx

ASP.NET的朋友通常會用到 JSON.NET
JSON.NET 網站的首頁就有很簡單的範例，解釋這些事情：

(1). Serialize JSON（我個人的註解：這就是組成、產生JSON格式的內容）

Product product = new Product();
product.Name = "Apple";
product.Expiry = new DateTime(2008, 12, 28);
product.Sizes = new string[] { "Small" };
 
string json = JsonConvert.SerializeObject(product);
//{
//  "Name": "Apple",
//  "Expiry": "2008-12-28T00:00:00",
//  "Sizes": [
//    "Small"
//  ]
//}

(2). Deserialize JSON（我個人的註解：這就是讀取JSON格式的內容）

string json = @"{
  'Name': 'Bad Boys',
  'ReleaseDate': '1995-4-7T00:00:00',
  'Genres': [
    'Action',
    'Comedy'
  ]
}";

Movie m = JsonConvert.DeserializeObject(json);

string name = m.Name;
// Bad Boys

(3). LINQ to JSON（我個人的註解：如果資料量太大，您可以動手寫LINQ-to-SQL去查詢）

JArray array = new JArray();
array.Add("Manual text");
array.Add(new DateTime(2000, 5, 23));

JObject o = new JObject();
o["MyArray"] = array;

string json = o.ToString();
// {
//   "MyArray": [
//     "Manual text",
//     "2000-05-23T00:00:00"
//   ]
// }

(4). Validate JSON（我個人的註解：驗證JSON格式的內容，驗證後才能取用。XML格式也常常需要驗證，已符合Schema）

JsonSchema schema = JsonSchema.Parse(@"{
  'type': 'object',
  'properties': {
    'name': {'type':'string'},
    'hobbies': {'type': 'array'}
  }
}");

JObject person = JObject.Parse(@"{
  'name': 'James',
  'hobbies': ['.NET', 'LOLCATS']
}");

bool valid = person.IsValid(schema);
// true

JSON.NET的文件與範例都在這裡，相信您看了一次，就會知道怎麼用它
http://james.newtonking.com/json/help/index.html

完成上面的入門以後，相信後續的文章就能看得懂了。

微軟 msdn這個範例也很淺顯喔！
http://msdn.microsoft.com/zh-tw/library/hh923971(v=vs.85).aspx

點部落的另外一位網友 -- kyleshen 有兩篇文章

[ASP.NET]使用JQuery來傳遞JSON字串

http://www.dotblogs.com.tw/kyleshen/archive/2013/08/21/115090.aspx

如何在前端傳遞JSON物件至後端接收

[ASP.NET]使用JQuery來接收JSON字串

http://www.dotblogs.com.tw/kyleshen/archive/2013/08/29/115870.aspx

介紹如何從後端組出JSON物件，回傳至前端接收。

相關的文章可以參閱：

JavaScript Essence: 傳送與接收 JSON

http://openhome.cc/Gossip/JavaScript/JSON.html

使用jQuery傳送物件JSON到ASP.NET MVC（from 黑暗執行緒）

http://blog.darkthread.net/post-2013-12-23-post-json-to-aspnet-mvc.aspx

[入門] JSON.NET 入門 ( from johnny )

http://www.dotblogs.com.tw/johnny/archive/2014/05/04/intro-to-jsonnet.aspx

微軟MVP小歐也有撰寫序列化的三篇文章：

序列化(1) - 概述- 小歐ou | 菜鳥自救會- 點部落

序列化(2) – 選擇性序列化物件成員

序列化(3) – 自訂序列化行為

微軟 msdn文件 -- 序列化
http://msdn.microsoft.com/zh-tw/library/ms233843.aspx

除了上文提到的 JSON.NET之外
微軟自從 .NET 3.5起，也有推出 JavaScriptSerializer 類別

System.Web.Script.Serialization 命名空間包含可用來對 Managed 型別進行 JavaScript Object Notation (JSON) 序列化和還原序列化的類別。它也提供了自訂序列化行為的擴充性功能。

類別

	類別	說明
	JavaScriptConverter	為自訂型別轉換子提供抽象基底類別。
	JavaScriptSerializer	為具有 AJAX 能力的應用程式提供序列化和還原序列化功能。
	JavaScriptTypeResolver	提供實作自訂型別解析程式的抽象基底類別。
	ScriptIgnoreAttribute	指定 JavaScriptSerializer 不會將公用屬性或公用欄位序列化。此類別無法被繼承。
	SimpleTypeResolver	提供 Managed 型別的型別解析程式。

[轉貼] ASP.NET -- Web Service (.asmx) & JSON

ASP.NET Web Service (.asmx) 要傳回 JSON格式
大力推薦這一篇 Web Service in ASP.NET (Return JSON and XML)
文章裡面使用了 JavaScriptSerializer類別（命名空間： System.Web.Script.Serialization）

以前沒做過，但臨時被要求 ASP.NET Web Service 要傳回 JSON格式

找到網路上兩篇好文章，為自己做筆記。

如果您寫過 Web Service的話

直接看程式碼就會做了，淺顯易懂。只有很細微的修改：

大力推薦這一篇 Web Service in ASP.NET (Return JSON and XML):

http://www.c-sharpcorner.com/UploadFile/8ef97c/web-service-in-Asp-Net-part-4/

光是看這張圖片，就把重點學完了 (http://www.c-sharpcorner.com/UploadFile/8ef97c/web-service-in-Asp-Net-part-4/Images/GetEmployeeJSON.jpg)

點選圖片可連回原文出處....