[轉貼] 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)

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

文章裡面使用了 JavaScriptSerializer類別 （命名空間：  System.Web.Script.Serialization）

請看微軟MSDN說明：https://msdn.microsoft.com/zh-tw/library/system.web.script.serialization.javascriptserializer(v=vs.110).aspx

如果您的（Client端）要用 jQuery來接收

     對方（Server端）的 Web Service ( 傳回 JSON格式)

另外也有幾篇好文章，也推薦給大家：

Create a JSON WebService in ASP.NET 2.0 with a jQuery Client

www.codeproject.com/Articles/45275/Create-a-JSON-WebService-in-ASP-NET-with-a-jQu

（這一篇是用 ASP.NET 2.0做的，但跟上面介紹的方法雷同。）

[C#] WebService 使用 JSON 格式傳遞筆記 + JQuery 測試

www.dotblogs.com.tw/junegoat/archive/2012/10/08/c-sharp-dot-net-web-service-by-json-test-with-jquery.aspx

 

ASP.NET WebService 回傳 json 格式

tsengpm.blogspot.tw/2012/02/aspnet-webservice-json.html

 

******************************************************************************************

如果語法轉換有問題，可以參閱

特別推薦超強力 C# & VB 語言轉換器！

http://codeconverter.sharpdevelop.net/SnippetConverter.aspx

******************************************************************************************

本網站以前的相關文章：

      有些朋友在開啟網站或專案時，選用 .NET 4.5.x (VS 2013) or .NET 4.6 (VS 2015)

      加入新項目時，找不到 Web Service (.asmx) ?????

      您可以改為「開啟」 .NET 4.0 or 4.5 (VS 2012)的網站或專案，就能在其中加入「Web Service (.asmx)」

      ASP.NET的 Web Service or WCF Service只是一個沒有「畫面」的 ASP.NET網頁...... 不要把它想得太難啦  :-)

Web Service入門 #1，透過VS 2005/2008/2010 撰寫一個Web Service

Web Service入門 #2，呼叫現成的Web Service 給我的程式來用

[入門範例] ASP.NET Web Service (asmx) 與 jQuery AJAX

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

分享，讓知識更加偉大

謝謝每一位樂於分享的前輩  :-)

 

 

我將思想傳授他人， 他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

寫信給我--  mis2000lab (at) yahoo.com.台灣  或是  school (at) mis2000lab.net

................   facebook社團   https://www.facebook.com/mis2000lab   ......................

................   Google+   https://plus.google.com/100202398389206570368/posts ........

................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

Blog文章 "附的範例" 無法下載，請看 這裡 ...... https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍（嚴格認定）。

HTML5 教學影片（搭配碁峰出版社的 HTML5認證教科書）

HTML5 教學影片（搭配碁峰出版社的 HTML5認證教科書）

https://dotblogs.com.tw/mis2000lab/2016/07/07/youtube_html5_mis2000lab_2016

很多操作畫面、設定步驟，如果透過「文字與圖片」解說，往往要大量抓圖、擷取畫面，實在太辛苦了。

現在我改用錄影，來取代文章撰寫。放在 YouTube分享。

感恩 Camtasia Studio 贊助 "錄影"軟體給微軟MVP得主，我會善用您的軟體，分享影片

關於碁峰出版社的 HTML5認證教科書，因為有些讀者（初學者）真的從零開始

連軟體下載、使用都不會（遇見困難），所以我盡量錄製一些影片，幫助這些毫無基礎的使用者

希望有幫上忙。

MIS2000 Lab. 位於 YouTube的線上教學影片     https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA

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

目前錄製好的影片如下：

[HTML5]第零章，給初學者的行前準備
https://youtu.be/lGXnlVIEO00

[HTML5]第一、第二章HTML & CSS入門與線上教學網站--freecodecamp
https://youtu.be/sHn97xSjB5Q

[HTML5] HTML表單的Method（Post與Get差異）與Action
https://youtu.be/4Gn1RoWo2ZI

後續還會持續增加，您可以搜尋「youtube mis2000lab html5」關鍵字找到相關的影片

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

HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認證教材

HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認證教材

MIS2000 Lab. 周棟祥/吳進魯

• 出版商:碁峰
• 出版日期：2015-04-09
• 台幣定價:
• $480
• 售價:7.9 折 $379
• 語言:繁體中文
• ISBN:9863475750
• ISBN-13:9789863475750

書本的內容、摘要，我分享在此   https://dotblogs.com.tw/mis2000lab/2014/09/26/html5_iron_man_2014

**********************************************************************************************************************

我要買書：

PChome  http://24h.pchome.com.tw/books/prod/DJAV0S-A90060ASI

博客來  http://www.books.com.tw/products/0010671214

天瓏書局  https://www.tenlong.com.tw/items/9863475750?item_id=1003110

我將思想傳授他人， 他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

......... 寫信給我，mis2000lab (at) yahoo.com.台灣 .....................................................................................

................   facebook社團   https://www.facebook.com/mis2000lab   ............................

................   Google+   https://plus.google.com/100202398389206570368/posts ..............

................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了！微軟MVP --MIS2000Lab.主講

事先錄製好的影片，並非上課時側錄！   觀看影片時，有如我「一對一」跟您面對面講課。

[微軟範例] 簡單搜尋引擎 #2 (Model Binding / 類別檔入門）& 關鍵字的「高亮度（HighLight）」顯示

原文出處：（這裡是我的文章備份）

[微軟範例] 簡單搜尋引擎 #2 (Model Binding / 類別檔入門）& 關鍵字的「高亮度（HighLight）」顯示

http://www.dotblogs.com.tw/mis2000lab/archive/2015/07/16/search-engine-high-light-rowdatabound_20150716.aspx

上一個範例（源自微軟MSDN）非常有趣。

原本只是拿他的特點 -- 兩個簡單的 Class類別檔來解說而已。

[微軟範例] 簡單搜尋引擎 #1 (Model Binding / 類別檔入門）& 關鍵字的「高亮度（HighLight）」顯示

 

 

後來發現這個範例可以搭配我的書籍（ASP.NET專題實務）與課程（ASP.NET+ADO.NET實戰課程）教過的招式，做出一些變化。

 

如果「客戶提出一個需求」，而您可以有「多種」解法來因應

那不用擔心！您的能力夠了，出師了！！

 

 

(1).  原作透過 JavaScript幫搜尋的「關鍵字」加上「高亮度 (HighLight)」的效果來呈現

 

我們可以改用 DataBinding Expression來作

也就是您常在「樣板」中見到的 <%# Eval("...")%>與 <%# Bind("...")%>

 

HTML畫面修正如下，但後置程式碼不變。

 

好處是：不會破壞文章的「超連結」，如下圖。

不然您搜尋「a」這個字，剛好會把這段HTML破壞掉而無法超連結。

 

 

   

       

           

Search Result:

           

id="result"

>   

       

 

       

           

 

           

           

 

"<%# ResolveClientUrl("~/Show.aspx?id=" + Eval("ID").ToString()) %>" class="title">

<%# Eval("Title").ToString().Replace(tbKeyWords.Text, "" + tbKeyWords.Text + "") %>

 

<%# Eval("Content").ToString().Replace(tbKeyWords.Text, "" + tbKeyWords.Text + "") %>

 

 

           

       

 

       

           

       

   

 

 

 

 

 

另一個相關範例可以參閱：

[GridView] 資料繫結運算式？或是RowDataBound事件來作？

 

使用時，有些需要注意的地方。雖然便捷好用，但要注意效能問題，請看 jeff 的文章：

[Web] 減少使用DataBinder.Eval?

 

 

 

(2).  原作採用 Repeater來呈現搜尋結果

 

如果畫面上，"臨時"想改成 GridView or ListView來呈現結果？程式有哪些修改？

 

** HTML畫面中，因為原作的JavaScript鎖定了 

id="result">  ，

因此當您改成GridView之後，JavaScript裡面也需要改成 

 

   

[入門範例] ASP.NET Web Service (asmx) 與 jQuery AJAX

原文出處  http://www.dotblogs.com.tw/mis2000lab/archive/2015/05/19/jquery_ajax_web_service.aspx

[入門範例] ASP.NET Web Service (asmx) 與 jQuery AJAX

[ 讀書筆記 ] 這裡蒐集了幾個很棒的範例，適合初學者入門

依照難易度（由淺入深）

第一階段，您需要先瞭解 jQuery的AJAX用法（應該說是程式範例、雛形，大概長什麼樣子？）

• MIS2000Lab.的「HTML5 認證考試， 從零開始」#14 / #15 -- AJAX ( XHR，XmlHttpRequest) 與 jQuery

第二階段，搭配您的 Web Service來傳遞、接收資訊

http://www.ezzylearning.com/tutorial/calling-asp-net-web-services-using-jquery-ajax

[ASP.NET & jQuery]使用jQuery的Ajax存取資料(ashx,aspx,asmx)

http://www.dotblogs.com.tw/hatelove/archive/2009/12/22/jqueryajax.aspx

jQuery Ajax 配合 ASP.NET Asmx 範例
http://www.dotblogs.com.tw/smartleos/archive/2012/12/06/85455.aspx

如果用上JSON、XML格式，可以參考這一篇： 範例最多、最齊全！

http://forums.asp.net/t/1934215.aspx?Using+jQuery+ajax+to+call+asmx+webservice+methods

使用 jQuery AJAX 呼叫 WCF Service (memo only)

https://www.facebook.com/notes/%E6%9B%B9%E7%A5%96%E8%81%96/%E4%BD%BF%E7%94%A8-jquery-ajax-%E5%91%BC%E5%8F%AB-wcf-service-memo-only/10150329773413794?pnref=lhc

 

******************************************************************************************

如果語法轉換有問題，可以參閱

特別推薦超強力 C# & VB 語言轉換器！

http://codeconverter.sharpdevelop.net/SnippetConverter.aspx

******************************************************************************************

相關文章：

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

Web Service入門文章：

• Web Service入門 #1，透過VS 2005/2008/2010 撰寫一個Web Service

• Web Service入門 #2，呼叫現成的Web Service 給我的程式來用

ASP.NET課程 / ASP.NET教學，請看

    http://www.dotblogs.com.tw/mis2000lab/archive/2011/06/24/29807.aspx

    [台北] ASP.NET入門實戰 + ADO.NET進階【二合一】49 hr

ASP.NET影片、遠距教學，請看：

    http://www.dotblogs.com.tw/mis2000lab/archive/2015/03/09/aspnet-online-learning-distance-education-2015.aspx

    [遠距教學、教學影片] ASP.NET (Web Form) 六週課程 上線了！