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

Question

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

Jam*_*rgy 7 javascript c# asp.net serialization webforms

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

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

1)在最小化复杂性和优化空间和效率方面,最好的方法是什么？在研究这个时,我发现了Protocol Buffers,但似乎没有一个好的C#实现.我确实找到了一个,但它已经有几年了,自我描述为马车,所以吓到了我.

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

Answer 1

Bra*_*one 5

在过去,我通常会做以下事情:

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

所以我不确定你想通过编码获得什么,但我认为将对象从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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，8 月前
查看次数：	16182 次
最近记录：	14 年，8 月前