WebService使用JSON格式传递笔记+JQuery测试

时间：2023-11-25 15:37:20

原文WebService使用JSON格式传递笔记+JQuery测试

  • 因为一些因素，必须改写WebService，很传统，但是很多公司还在用.. 因为XML 的关系，不想让他传递数据的时候过度肥大，所以我必须要尽量干净的JSON.. 于是开始我的改写旅程..   首先，网络上好多好多好多文件，可能因为状况不同，测试过许多也让我搞混很多次.. 最后有找到答案..笔记一下..   首先我开了三个不同的WebMethod 来测试三种不同的输出..   GetUserInfoString –取得字符串 GetOneUserInfo - 取得一个对象 GetUsers - 取得对象们

    01.using System.Collections.Generic;
    02.using System.Web.Script.Services;
    03.using System.Web.Services;
    04. 
    05.namespace JsonServiceSample
    06.{
    07. 
    08.public class User
    09.{
    10.public string Name { get; set; }
    11.public int Age { get; set; }
    12.}
    13. 
    14. 
    15.[WebService(Namespace = "", Description = "For Donma Test")]
    16.[System.ComponentModel.ToolboxItem(false)]
    17.[ScriptService]
    18.public class Service1 : WebService
    19.{
    20. 
    21. 
    22.[WebMethod]
    23.[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    24.public string GetUserInfoString(string name, int age)
    25.{
    26.return name + "," + age;
    27.}
    28. 
    29. 
    30.[WebMethod]
    31.[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    32.public User GetOneUserInfo(string name, int age)
    33.{
    34.return (new User { Name = name, Age = age });
    35. 
    36.}
    37. 
    38. 
    39.[WebMethod]
    40.[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    41.public User[] GetUsers(string name, int age)
    42.{
    43.List<User> res = new List<User>();
    44.res.Add(new User { Name = name + "1", Age = age });
    45.res.Add(new User { Name = name + "2", Age = age });
    46. 
    47.return res.ToArray();
    48.}
    49. 
    50.}
    51.}

    再来一个重点，在每一个Method 上方我都会加上www.it165.net

    [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)]

    因为基于有时候我会需要使用GET 方式传递 所以我在Web Config 中加入 在system.web 中加入

    <webServices> <protocols> <add name="HttpGet"/> <add  name="HttpPost" /> <add name="Documentation" /> </protocols> </webServices>   Web.Config 全文:

    01.<?xml version="1.0"?>
    02. 
    03.<!--
    04.For more information on how to configure your <a href="http://www.it165.net/pro/webasp/" target="_blank" class="keylink">ASP</a>.NET application, please visit
    06.-->
    07. 
    08.<configuration>
    09.<configSections>
    10.<sectionGroup name="applicationSettings" type="System.Configuration.ApplicationSettingsGroup, System, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" >
    11.<section name="JsonServiceSample.Properties.Settings" type="System.Configuration.ClientSettingsSection, System, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false" />
    12.</sectionGroup>
    13.</configSections>
    14.<system.web>
    15.<compilation debug="true" targetFramework="4.0" />
    16.<httpHandlers>
    17.</httpHandlers>
    18. 
    19.<webServices>
    20.<protocols>
    21.<add name="HttpGet"/>
    22.<add  name="HttpPost" />
    23.<add name="Documentation" />
    24.</protocols>
    25.</webServices>
    26.</system.web>
    27. 
    28.<applicationSettings>
    29.<JsonServiceSample.Properties.Settings>
    30.<setting name="JsonServiceSample_JTestService_Service1" serializeAs="String">
    31.<value>http://localhost:5403/Service1.asmx</value>
    32.</setting>
    33.</JsonServiceSample.Properties.Settings>
    34.</applicationSettings>
    35.</configuration>

    这样试跑一下

    WebService使用JSON格式传递笔记+JQuery测试

    奇怪为什么不是JSON ，别紧张…我们继续使用 JQuery 来呼叫看看.. JQuery Code :

    01.<input type="button" id="ipt1" value="test" />
    02. 
    03.<script type="text/javascript">
    04. 
    05.function GetInfo() {
    06.var $res;
    07.$.ajax({
    08.type: "POST",
    09.url: "Service1.asmx/GetOneUserInfo",
    10.contentType: "application/json; charset=utf-8",
    11.async: false,
    12.cache: false,
    13.dataType: 'json',
    14.data: "{name:'当麻',age:29}",
    15.success: function (data) {
    16.if (data.hasOwnProperty("d")) {
    17.$res = data.d;
    18.}
    19.else
    20.$res = data;
    21.}
    22.});
    23.return $res;
    24.}
    25. 
    26. 
    27.$('#ipt1').click(function () {
    28.var res = GetInfo();
    29.alert(res.Name);
    30.});
    31. 
    32. 
    33.</script>

    按钮按下去之后 我让他呼叫 GetOneUserInfo 这 method 并且使用POST 看下结果..

    WebService使用JSON格式传递笔记+JQuery测试

    恩恩..的确是JSON， 但是多了一个 d  跟 __type 基本上  __type 不要去动他是不影响，但是  d 这东西必须得处理.. 进行改写..实测过上面三种不同的回传值..都 OK~~ 这样对于传统的 WebService Reference 呼叫  WebService 不会有影响.. 也可以透过JQuery 呼叫传递透过JSON…

相关文章