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函数？提前谢谢。

的Javascript

<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的修改后的解决方案（我正在寻求的工作流程）

的Javascript

<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使用单引号，那将解决它（但我不认为有）。一个cludgy解决方案就像：

<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>

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

2 个答案: