使用函数参数序列化对象的 JSON

Question

我有这个 C# 对象：

var obj = new {
    username = "andrey",
    callback = "function(self) { return function() {self.doSomething()} (this) }"
}

我需要 JSON 序列化它以在 ajax 调用中传递给浏览器。我使用 JavascriptSerializer，但它序列化为以下 JSON:

{"username":"andrey", "callback": "function(self) { return function() {self.doSomething()} (this) }"}

但我需要的是：

{"username":"andrey", "callback": function(self) { return function() {self.doSomething()} (this) }}

• 函数定义周围没有引号。

现在，当 JSON 对象到达浏览器并被创建时，“callback”参数不是函数而是字符串。知道如何修复它，最好是在服务器端吗？

Answer 1

我试图完成类似的事情。
就我而言，我使用 MVC Razor 语法尝试生成一个 json 对象，其中包含使用 @传入的函数。句法。

我能够使用 Json.net 库（使用 JsonConvert 和 Jraw）获得所需的输出。

示例：

// set the property value using JRaw
var obj = new {
    username = "andrey",
    callback = new JRaw("function(self) { return function() {self.doSomething()} (this) }")
}
// and then serialize using the JsonConvert class
var jsonObj = JsonConvert.SerializeObject(obj);

这应该会为您提供带有函数的 json 对象（而不是字符串中的函数）。

邮政：
如何将函数序列化为 json（使用 razor @< ;文本>)

Answer 2

这种行为是故意的。 JSON 不应包含任何非数据的内容——在您的情况下是可执行函数。 格式从服务器返回，并且在执行时将运行任意函数（可以窃取信息、将用户重定向到恶意站点等），那么浏览器将面临巨大的安全风险。

如果数据可以JSON 依赖于这样一个事实，即可以通过 eval() 简单地执行返回的数据来获取对象。然而，人们几乎立即意识到这会带来巨大的安全风险，并从那时起就一直在努力解决它。这就是为什么在标准化 JSON 对象之前，人们不再将原始 JSON 数据放入 eval() 中，而是使用 JSON 解析库。

JSON 对象始终将对象序列化为数据。这是设计使然。标准化的 JSON 格式无法表示可执行函数。

现在，您可以通过将浏览器上的回调传递给 eval() 轻松地将其转换为函数。但是，不要这样做。你只是让自己容易受到黑客攻击。

在服务器端，现代浏览器旨在防止这种情况发生——即从包含可执行函数的浏览器发送的数据。

Answer 3

您可以使用 Function 对象的构造函数。请参阅 https://developer.mozilla.org/nl/docs /Web/JavaScript/Reference/Global_Objects/Function。

在 json 中，您将回调属性设置为描述 Function 构造函数参数的字符串数组。然后，当 json 数据到达客户端时，您必须将数组转换为 Function 对象的实例。

这样，您就可以在后台数据库中获得函数实现详细信息，而不是在源代码中进行硬编码。

const json = '{"username":"andrey","callback":["self","return self.doSomething()"]}';

//Parse the json to an object
const object = JSON.parse(json);

//Convert the callback property from Array to Function
object["callback"] = new Function(...object["callback"]);

//Create a parameter for calling the Function
var self = {
    doSomething() {
        console.log("Do something called");
    }
}

//Call the function
object["callback"](self);