JavaScript，onclick中的花括号不起作用？

问题描述

| 解决了，服务器端吃了我的{}。 我的HTML中有以下代码：

onclick=\"changes = {\'a\': \'b\'};\"

这转化为

onclick=\"changes = ;\"

当我加载页面时。因此大括号和之间的所有内容都消失了。任何想法如何解决这个问题？最终，我想给函数提供一个匿名对象作为输入：

onclick=\"dothis({\'a\': \'b\',\'1\': \'2\'});\"

    

解决方法

        我建议通过让输入跟踪数据来使代码更具语义，但是实际的绑定和执行是分开的：

<div id=\"myDiv\" data-changes=\"{\'a\':\'b\',\'1\':\'2\'}\"></div>


document.getElementById(\'myDiv\').onclick = function() {
    var data = JSON.parse(this.getAttribute(\'data-changes\'));

    // here you should be able to say data.a,data.1,etc.
};

大多数现代浏览器都支持本机JSON方法： 浏览器本机JSON支持（window.JSON） 但是对于那些没有的人，您可以使用JSON库添加支持： https://github.com/douglascrockford/JSON-js     ,        您是否考虑过/不能使用内联JavaScript？只需加载一个类似以下内容的外部JavaScript文件即可（例如，不是实际的代码）：

getElementById(\"myButton\").click( function(){
   dothis({\'a\':\'b\',\'1\':\'2\'})
})

这样的事情（尤其是与库配对时）还可以使您不必在要运行该函数的每个项目中重复编写代码。