javascript - 如何将数据从服务器传递到页面

Question

我的网站只有很少的页面，具有丰富的用户体验。

为了填充 JavaScript 数据，我通过以下方式将文本“渲染”到 html 页面中:

<script>
     var _data = [
          new BigDataObject(22022,{}),
          new BigDataObject(30007,
              {
                  "M":new ChildObject(25235,2,296),
                  "D":new ChildObject(25235,1,296),
                  "E":new ChildObject(25235,4,148)
              })
          ];
     ... use _data object in JS functions
</script>

一切顺利。

但我还需要通过 AJAX 回调从后端传输数据，最好使用相同的“字符串”来传递数据。问题是我不知道如何正确解析对象。

问题#1:我可以以相同的方式传输字符串，并使用 eval() 解析将它们转换为对象，但我听说“eval”的使用是不安全的，应该避免。

问题#2:我无法使用 JSON.parse，因为我上面编写的字符串不是有效的 JSON 字符串。

为了解决这个问题，我可以改变生成数据的方式并使用 JSON 数据而不是命令式指令。

问题#3:但在这种情况下，我需要将 BigDataObject 和 ChildObject 的属性设为公开。我想避免这种情况。

问题:如何实现数据传输，以便我可以隐藏对象属性的“ setter ”并使用“安全”方法

Answer 1

我会为响应创建一个自定义对象，而不是使用您的 BigDataObject 或 ChildObject。

这样您就可以生成响应来保护您的实际模型，但同时生成适当的 json 对象，以便您可以使用 jQuery.parseJSON() 函数.