将javascript地图传递给json wcf服务

时间:2013-02-21 12:00:38

标签: javascript json wcf dictionary map

我想将一个关联数组传递给json wcf服务。

所以在JavaScript中我有类似的东西:

var map = { };
map['a'] = 1;
map['b'] = 2;
map['c'] = 3;

在我的wcf服务中,我想要一个词典:

[OperationContract][WebInvoke(Method = "POST", BodyStyle = WebMessageBodyStyle.WrappedRequest, RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)]
public void setDictionary(Dictionary<string, int> myDictionary);

但是它将地图作为[对象]发送,而不是将其序列化,因为“地图”实际上只是我为其分配属性的对象。

有没有人知道我如何正确地将其序列化以使其被WCF服务作为Dictionary对象反序列化?

2 个答案:

答案 0 :(得分:5)

默认情况下,WCF不会将Dictionary表示为JSON对象 - 而是将它们表示为键/值对的数组。因此,要将该映射发送到WCF服务,您需要适当地转换它(请参阅下面的代码)。

另一种方法是使用自定义消息格式化程序,它知道如何基于JSON对象填充字典。有关邮件格式化程序的详细信息,请查看此blog post

这显示了将该对象传递给您的服务的一种方法:

Service.svc:

<%@ ServiceHost Language="C#" Debug="true" Service="StackOverflow_15001755.Service"
                CodeBehind="StackOverflow_15001755.svc.cs" 
                Factory="System.ServiceModel.Activation.WebServiceHostFactory" %>

Service.svc.cs:

using System.Collections.Generic;
using System.ServiceModel;
using System.ServiceModel.Web;

namespace StackOverflow_15001755
{
    [ServiceContract]
    public class Service
    {
        static Dictionary<string, int> dictionary;

        [WebInvoke(Method = "POST", BodyStyle = WebMessageBodyStyle.WrappedRequest, RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)]
        public void setDictionary(Dictionary<string, int> myDictionary)
        {
            dictionary = myDictionary;
        }

        [WebGet(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)]
        public Dictionary<string, int> getDictionary()
        {
            return dictionary;
        }
    }
}

Test.html(HTML / JS代码,使用jQuery进行ajax调用):

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="scripts/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="scripts/json2.js"></script>
</head>
<body>
    <script type="text/javascript">
        function StackOverflow_15001755_Test() {
            function dictionaryToKVPArray(obj) {
                var data = [];
                for (var key in obj) {
                    data.push({ Key: key, Value: obj[key] });
                }

                return data;
            }

            function KVPArrayToDictionary(arr) {
                var result = {};
                arr.forEach(function (item) {
                    result[item.Key] = item.Value;
                });

                return result;
            }

            var map = {};
            map['a'] = 1;
            map['b'] = 2;
            map['c'] = 3;
            var data = dictionaryToKVPArray(map);

            var baseUrl = "/StackOverflow_15001755.svc";
            $.ajax({
                type: 'POST',
                url: baseUrl + '/setDictionary',
                contentType: 'application/json',
                data: JSON.stringify({ myDictionary: data }),
                success: function (result) {
                    $('#result').text('Sent the dictionary');
                    $.ajax({
                        type: 'GET',
                        url: baseUrl + '/getDictionary',
                        success: function (result) {
                            var newMap = KVPArrayToDictionary(result);
                            $('#result2').text(JSON.stringify(newMap));
                        }
                    });
                }
            });
        }
    </script>
    <input type="button" value="StackOverflow 15001755" onclick="StackOverflow_15001755_Test();" /><br />
    <div id='result'></div><br />
    <div id='result2'></div><br />
</body>
</html>

答案 1 :(得分:4)

我设法通过使用JSON.stringify(map)来获取地图的序列化版本。然后将其作为字符串而不是字典传递给WCF服务,并使用Json.Net framework在方法中自行反序列化。

序列化地图:

{'a':'0','b':'1','c':'2'}

WCF服务:

[OperationContract][WebInvoke(Method = "POST", BodyStyle = WebMessageBodyStyle.WrappedRequest, RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)]
public void doDictionaryStuff(string serializedMap);

使用Json.Net framework在WCF服务中对其进行反序列化:

public void doDictionaryStuff(string serializedMap)
{
    Dictionary<string, int> map = JsonConvert.DeserializeObject<Dictionary<string,int>>(serializedMap);
    //do stuff with the dictionary.
}

这不太理想,但确实有效。