通过隐藏字段传递JSON序列化数据

时间：2011-03-02 20:52:42

标签： c# javascript asp.net serialization webforms

在ASP.NET WebForms中，我希望将任意数据从服务器传递到客户端，然后再传回。我正在序列化为JSON，并且只是生成在客户端上创建对象的JavaScript。使用ajax将数据发送到服务器没有问题，但有些情况下我还想在回发时将Javascript对象数据发送回服务器。所以我想它需要在一个隐藏的领域。

关于这一点的几个一般性问题。

1）在最小化复杂性和优化空间和效率方面，最好的方法是什么？在研究这个时我发现Protocol Buffers但似乎没有一个好的C＃实现。我确实找到了一个，但它已经有几年了，并且自我描述为马车，所以让我感到害怕。

2）如果我只是传递一个JSON字符串，我怎么能确定包含隐藏字段的值是否安全？有什么理由我可能不想这样做吗？我可以使用Base64编码，但似乎这会增加很多开销。什么被认为是最好的或首选的方法？

1 个答案:

答案 0 :(得分：5)

过去，我通常会做以下事情：

  1. 创建了一个C＃对象，我可以轻松地将其序列化为XML（.Net可以本地执行此操作，并且还有JSON序列化程序）。 （实际上我认为.Net也可以做JSON ......但不确定）
  2. 获取此对象并通过隐藏字段与客户端共享或通过AJAX请求在客户端上延迟加载它。
  3. 然后客户端解析并操作XML（jQuery可以执行此操作）并通过POST将其发送回服务器或通过POST发送到隐藏字段。
  4. 最后，我将客户端的XML（或JSON）反序列化为一个Object，并从那里开始使用它。

    5. 所以我不确定你想要通过编码获得什么，但我认为将对象从JSON（或XML）转换为更小的代价的费用对于任何打包/缩小的好处来说都是过多的开销。 （除非您的超高流量站点更关注带宽使用情况而不是服务器/客户端处理。）

    示例

    希望这能让您了解如何实现这一目标。如果您还有其他问题，请与我们联系。 

    <html> 
<head> 
</head> 
<body> 
    <input type="button" id="btnObject" value="Show Object" /> 
    <input type="button" id="btnShowHid" value="Show Hidden Input Value" /> 
    <input type="hidden" id="hidInput" value="" /> 
</body> 
</html> 
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js'></script>
<script type='text/javascript' src='https://github.com/douglascrockford/JSON-js/raw/master/json2.js'></script> 
<script> 
    //Your JSON Object
    var myJSONObject = {"bindings": [ 
            {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"}, 
            {"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"}, 
            {"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"} 
        ] 
    }; 

    //jQuery Document Ready Event
    $(function(){
         //Get a reference to your hidden field
        var $hidInput = $("#hidInput");

        //Use json2.js library to convert the json object to a string
        //and assign it to the hidden input's value
        //NOTE: ASP.NET hidden input control reduces to a hidden input so you can treat them the same.
        $hidInput.val(JSON.stringify(myJSONObject));

        //Set up click events to view object and hidden value
        $("#btnShowHid").click(function(){
            alert($hidInput.val());
        });

        $("#btnObject").click(function(){
            alert(myJSONObject);
        });

    });
</script>
相关问题
最新问题