C#开发的WebService使用JSON格式传递数据+Ajax测试
[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<User> res = new List<User>();
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"?>
<!--
For more information on how to configure your ASP.NET application, please visit
http://go.microsoft.com/fwlink/?LinkId=169433
-->
<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.asmx</value>
</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…
筆記一下..給需要的人…
