Создание JavaScript-массива из HTML

Question

Я выполняю итерацию по массиву для отображения некоторых данных и в то же время создаю еще один массив, который будет использоваться для создания JSON, а затем назначить его переменной JavaScript.

<?php 
$otherStuff=array(); 
foreach($myArray AS $row) 
{ 
    echo("<tr data-id='{$row['id']}'><td>{$row['firstname']}</td><td>{$row['firstname']}</td></tr>"); 
    $otherStuff[$row['id']]=$row['otherStuff'];     
} 
echo('<script type="text/javascript">var otherStuff='.json_encode($otherStuff).';</script>'); 
?> 

Это не похоже на очень чистый способ выполнения этой задачи. Вместо этого я задаюсь вопросом, было бы лучше создать какой-то скрытый HTML, а затем clientide проанализировать его, чтобы создать желаемую переменную JavaScript.

Делает это так? Это хорошая идея, или я должен сделать что-то еще? Если возможно, как?

Спасибо

Answer 1

Вот элементарный пример:

$arr = array('stuff' => 'goes here'); 

echo "<div data-other-stuff='" . htmlspecialchars(json_encode($arr)) . "'></div>"; 

Производит:

<div data-other-stuff='{&quot;stuff&quot;:&quot;goes here&quot;}'></div> 

http://codepad.org/Bq5GZcVS

$('div').each(function ea(){ 
    // Some browsers/versions do not support JSON.parse(), try json2.js 
    var data = $(this).attr('data-other-stuff'), 
     _data = JSON.parse(data); 

    console.log(data, _data); 
}); 

Производит (в console):

'{"stuff":"goes here"}' Object {stuff: "goes here"} 

(Первый действительно строка, но я добавил одинарные кавычки, чтобы сделать это очевидно)

http://jsfiddle.net/0mv44jvd/1

Так же, как любой JSON-закодирован, вы должны повернуть. это в массив или объект, когда вы его потребляете. Но все это работает.