[C#] WebService 使用 JSON 格式傳遞筆記 + JQuery 測試
0 2
因為一些因素，必須改寫WebService，很傳統，但是很多公司還在用..
因為XML 的關係，不想讓他傳遞資料的時候過度肥大，所以我必須要盡量乾淨的JSON..
於是開始我的改寫旅程..
0 2
首先，網路上好多好多好多文件，可能因為狀況不同，測試過許多也讓我搞混很多次..
最後有找到答案..筆記一下..
0 2
首先我開了三個不同的WebMethod 來測試三種不同的輸出..
0 2
GetUserInfoString –取得字串
GetOneUserInfo - 取得一個物件
GetUsers - 取得物件們
0 2
using System.Collections.Generic;
using System.Web.Script.Services;
using System.Web.Services;
namespace JsonServiceSample
{
public class User { public string Name { get; set; } public int Age { get; set; } } [WebService(Namespace = "", Description = "For Donma Test")] [System.ComponentModel.ToolboxItem(false)] [ScriptService] public class Service1 : WebService { [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public string GetUserInfoString(string name, int age) { return name + "," + age; } [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public User GetOneUserInfo(string name, int age) { return (new User { Name = name, Age = age }); } [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public User[] GetUsers(string name, int age) { List res = new List(); res.Add(new User { Name = name + "1", Age = age }); res.Add(new User { Name = name + "2", Age = age }); return res.ToArray(); } } }
0 2
如這篇 0 2 [C#] Web Service 移除 xmlns 0 2 我先移除xml namespace
再來一個重點，在每一個Method 上方我都會加上
0 2
0 2
[WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
因為基於有時候我會需要使用GET 方式傳遞 所以我在Web Config 中加入
在system.web 中加入
0 2
<webServices>
<protocols> <add name="HttpGet"/> <add name="HttpPost" /> <add name="Documentation" /> protocols> webServices>
0 2
Web.Config 全文:
0 2
xml version="1.0"?>
<configuration> <configSections> <sectionGroup name="applicationSettings" type="System.Configuration.ApplicationSettingsGroup, System, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" > <section name="JsonServiceSample.Properties.Settings" type="System.Configuration.ClientSettingsSection, System, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false" /> sectionGroup> configSections> <system.web> <compilation debug="true" targetFramework="4.0" /> <httpHandlers> httpHandlers> <webServices> <protocols> <add name="HttpGet"/> <add name="HttpPost" /> <add name="Documentation" /> protocols> webServices> system.web> <applicationSettings> <JsonServiceSample.Properties.Settings> <setting name="JsonServiceSample_JTestService_Service1" serializeAs="String"> <value>http://localhost:5403/Service1.asmxvalue> setting> JsonServiceSample.Properties.Settings> applicationSettings> configuration>
0 2
這樣試跑一下
0 2
0 2
奇怪為什麼不是JSON ，別緊張…我們繼續使用 JQuery 來呼叫看看..
0 2
JQuery Code :
0 2
0 2
<input type="button" id="ipt1" value="test" /> <script type="text/javascript">
1: 0 2
2: function GetInfo() {
3: var $res;
4: $.ajax({
5: type: "POST",
6: url: "Service1.asmx/GetOneUserInfo",
7: contentType: "application/json; charset=utf-8",
8: async: false,
9: cache: false,
10: dataType: 'json',
11: data: "{name:'當麻',age:29}",
12: success: function (data) {
13: if (data.hasOwnProperty("d")) {
14: $res = data.d;
15: }
16: else
17: $res = data;
18: }
19: });
20: return $res;
21: }
22:
23: 0 2
24: $('#ipt1').click(function () {
25: var res = GetInfo();
26: alert(res.Name);
27: });
28:
29:
script>
按鈕按下去之後 我讓他呼叫 GetOneUserInfo 這 method
並且使用POST
看下結果..
0 2
0 2
恩恩..的確是JSON， 但是多了一個 d 0 2 跟 __type 基本上 0 2 __type 不要去動他是不影響，但是 0 2 d 這東西必須得處理..
所以我參考這一篇 : http://encosia.com/never-worry-about-asp-net-ajaxs-d-again/
進行改寫..實測過上面三種不同的回傳值..都 OK~~
0 2
這樣對於傳統的 WebService Reference 呼叫 0 2 WebService 不會有影響..
也可以透過JQuery 呼叫傳遞透過JSON…
筆記一下..給需要的人…