Передача php-строки JSON (с qoutes) в функцию onclick

Question

Я пытаюсь передать массив данных из php в java-скрипт для события «onclick». Я делаю это, преобразовывая данные массива в строку JSON, чтобы проанализировать его обратно в js-функции и работать с ним.

Проблема заключается в том, что строка JSON содержит двойные кавычки, поэтому возникает ошибка, так как двойные кавычки разбивают строку html (Uncaught SyntaxError: Unexpected token ILLEGAL). Я видел несколько вопросов, подобных этому, но не нашел решения для того, что мне нужно, или, может быть, я не понял правильного решения. Поэтому я рассказываю об этом с моим конкретным случаем.

<?php 
    ..some php code here.. 
    $aData = array("You","Me",76,array(3,6)); 
    $sJSONstr = json_encode($aData); 
?> 

<input type="button" name="formSubmit" value="Delete" onclick="analyze('<?php echo $sJSONstr; ?>')"> 

<?php 
    ..some php code here.. 
?> 

и функция JS выглядит следующим образом:

function analyze(i_sInputDataJSONStr) 
{ 
var aInputData = JSON.parse(i_sInputDataJSONStr); 

    .. So something with the input data array.. 
} 

Answer 1

Используйте одинарные кавычки для OnClick атрибутов вместо двойных кавычек. Одиночные кавычки одинаково действуют как двойные кавычки.

Еще одна вещь, поскольку у вас уже есть данные в формате JSON, нет необходимости указывать ее как строку в вызове функции analyze, поскольку ваши данные JSON являются допустимым массивом JavaScript (это то, что JSON означает: Обозначение объекта JavaScript). Следовательно, вам не нужно разбирать входную строку в объявлении функции analyze.

Рассмотрим следующий пример, это вполне допустимый код.

<?php 
    $arr = ["Hello", "World"]; 
    $json = json_encode($arr); // $json = '["Hello","World"]' 
?> 
<div id="myDiv" onclick='doSomething(<?php echo $json; ?>)'>Click me</div> 

<script type="text/javascript"> 
function doSomething(data){ 
    for (var i = 0; i < data.length; i++) { 
     alert(data[i]); 
    } 
} 
</script> 

Answer 2

создать яваскрипта строку и передать его:

<script type="text/javascript"> 
var myjson = '<?php echo $sJSONstr; ?>'; 
</script> 

, а затем:

onclick="analyze(myjson)" 

Answer 3

<input type="button" name="formSubmit" value="Delete" onclick='analyze(<?php echo $sJSONstr?>)'> 

Заменить двойные кавычки на одинарные кавычки в OnClick = ''; Работал как очарование для меня.