C#开发的WebService使用JSON格式传递数据+Ajax测试

时间：2022-04-01 01:26:14

[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

C#开发的WebService使用JSON格式传递数据+Ajax测试

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

C#开发的WebService使用JSON格式传递数据+Ajax测试

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…

筆記一下..給需要的人…

相关文章