使用json_encode通过onClick（）将字符串数组传递给javascript

Question

**更新-虽然我的解决方案有效（并且我还没有听说为什么不使用htmlspeciatchars（）），但我包括Jacob Mouka创造性解决方案的修改版本，该版本成功避免了使用它。 **

我试图使用json_encode通过onClick（）将字符串数组传递给javascript。 仅传递json_encode（$ array）不起作用。 我推测由于json_encode（$ array）返回[“ a”，“ b”，“ c”]，引号是问题所在。 我成功地用htmlentities（）包装了json_encode（$ array），然后使用JSON.parse（array）将字符串转换回数组。

我阅读了该网站上的所有帖子，但没有一个帖子将此组合作为解决方案，我想知道我是否使它变得比应有的复杂。 htmlentities（）是正确使用的函数吗？ 有没有更简单的方法将此数组从onclick（）发送到javascript函数？ 提前致谢。

Java脚本

<script>
function shohmultiple(array){
  alert("Aray as string: " + array);
  array = JSON.parse(array)
  for (i=0; i< array.length; i++){ 
    alert(array[i]);
  }
}
</script>

<?php $array=array("a", "b", "c"); ?>

的HTML

<a href="#" onClick="shohmultiple('<?php echo htmlspecialchars(json_encode($array)) ?>')">Click Here</a>

Jacob Mouka的修改后的解决方案（针对我正在寻找的工作流程）

Java脚本

<script type="text/javascript">

function shohmultiple (array) {
    for (i=0; i< array.length; i++){ 
        alert(array[i]);
    }
}
</script>

的HTML

<?php $array = array("a", "b", "c"); ?>

<script>
    // calling this before outputting <a href> works
    <?php  echo "var js_array = " . json_encode($array) . ";"; ?>
</script>

<a href="#" onClick="shohmultiple(js_array);">Click Here</a>

Answer 1

（经过一些测试后编辑）

问题实际上是json_encode使用双引号，它与内联javascript混乱（它也使用双引号）。 如果有某种方法可以强制json_encode使用单引号，则可以解决此问题（但我认为没有）。 一个笨拙的解决方案是这样的：

<script type="text/javascript">
<?php
    $array = array("a", "b", "3");
    echo "var js_array = " . json_encode($array) . ";";
?>
    function shohmultiple (val) {
        window.foo = val;
        console.log('got',val);
    }

</script>


<a href="#" onClick="shohmultiple(js_array);">Click Here</a>

Answer 2

如果要避免使用htmlspecialchars（），请用单引号括住onClick，然后转义json字符串引号。 这不能确保执行的能力（如果您的json包含单引号，则会中断），但可以解决该问题。

像这样尝试：

<a href="#" onClick='shohmultiple(\'<?php echo(json_encode($array)); ?>\')'>Click Here</a>