javascript - PHP 数组被传递给 javascript 函数但没有执行任何操作

Question

我有一个使用“json_encode($array)”传递给js函数的php数组，问题是当我单击按钮触发该函数时，除了页面刷新之外没有任何反应。

我认为问题可能出在引号上，尽管我已经尝试从双引号更改为单引号，反之亦然，但没有任何乐趣。

HTML:

 <button class="button1" 
  onclick="validateEncomenda('<?php echo json_encode($chosen_restaurant_addr);?>');
           return false;">Encomendar</button>

js:

function validateEncomenda(myarray){
   alert('Hello JS');
  }

如果我回显“json_encode($chosen_restaurant_addr)”我以这种格式获得了正确的值:

[“ipsum lorem blah blah”,“Curabitur aliquam feugiattellus”]

任何帮助或提示将不胜感激。

Answer 1

处理此问题的更好方法是将 onclick 处理与 HTML 源代码分开。您可以创建这样的脚本:

var chosenResturant = <?php echo json_encode($chosen_restaurant_addr);?>;
document.getElementById('button1').onclick = function() {
    // no need to parse JSON here as we created an array literal above
    alert(chosenRestaurant.length);
    return false;
};

请注意，我假设您向元素添加了一个 id button1 作为确定哪些元素获取事件处理程序的方法。如果您确实想将此行为附加到类名为 button1 的所有元素，只需替换 getElementsByClassName('button1') 而不是 getElementById('按钮1')