以JSON格式返回HTML并调用函数

时间:2018-05-22 21:17:39

标签: javascript json function

我甚至不确定这是否可行,但我试图显示一个格式为JSON的HTML页面,然后每当用户点击此返回HTML内的按钮时调用一个函数。我知道这很奇怪,但这是客户想要的方式。任何人都可以告诉我,这是否可能?而且,我已经正确显示页面。唯一的问题是当用户点击此页面上的按钮时实际执行一个功能。

    {
    "responseHTML": "<script>console.log('TEST')</script><div><button onclick='test()'></button></div>"
    }

1 个答案:

答案 0 :(得分:2)

我将您的问题解释为有问题的API返回“完整的HTML页面”作为JSON编码的有效负载的一部分。 (这实际上是一件很常见的事情。)

我坦率的回答是,这应该通过“服务器”端添加的代码来完成。 (也就是说,服务器应该被修改以返回包含必要的JavaScript巫术的HTML。)同时,客户端应该不需要更改。

这就是为什么:“一旦你的爱丽丝跳下那个兔子洞,就没有出路了。”你最终会在一边创建极其脆弱的代码或者其他成为维护噩梦。因此,实践“关注点分离”的原则。服务器的关注点是提供适当的HTML;客户的关注仅仅是展示它。保持这种状态。