无法访问从 PHP 传递给 jQuery 的重组数组

Question

我正在尝试重建一个对象数组，以将具有等效键的对象组合在一起以传递给 jQuery 函数。目前，我有一个这样的数组：

$myOldArr =

Array
(
    [0] => stdClass Object
        (
            [id] => 10
            [class] => atest
            [name] => atestvar1
        )

    [1] => stdClass Object
        (
            [id] => 6
            [class] => btest
            [name] => btestvar1
        )

    [2] => stdClass Object
        (
            [id] => 7
            [class] => btest
            [name] => btestvar2
        )

    [3] => stdClass Object
        (
            [id] => 8
            [class] => ctest
            [name] => ctestvar1
        )
)

我根据上面数组中的“class”键将它转换成这个分组。

$myNewArr =

Array
(
    [atest] => Array
        (
            [0] => stdClass Object
                (
                    [id] => 10
                    [class] => atest
                    [name] => atestvar1
                )

        )

    [btest] => Array
        (
            [0] => stdClass Object
                (
                    [id] => 6
                    [class] => btest
                    [name] => btestvar1
                )

            [1] => stdClass Object
                (
                    [id] => 7
                    [class] => btest
                    [name] => btestvar2
                )

        )

    [ctest] => Array
        (
            [0] => stdClass Object
                (
                    [id] => 8
                    [class] => ctest
                    [name] => ctestvar1
                )

        )
)

我的目标是传递这个重建的数组，以便我可以根据每个“类”下的对象数量动态创建一些 DOM。但是，当我将 php 中的新数组的一部分传递给 jQuery 时

foreach (array_keys($myNewArr) as $item) {
?>
    <div onclick="myjQueryFcn(<?php echo json_encode($myNewArr[$item]); ?>)></div>
<?php
}

jQuery 无法执行该函数。如果我没有json_encode 数组，jQuery 会检测到为参数发送的函数。

编码表明我得到了例如$myNewArr[$item="btest"]的以下json对象：

[{"id":"6","class":"btest","name":"btestvar1"},{"id":"7","class":"btest","name":"btestvar2"}]

myjQueryFcn 当前只是在提醒输出。

function myjQueryFcn(json) {
    alert(typeof json);
}

我的新数组的结构有问题吗？我一直在为此苦苦挣扎，并且对于我所做的所有搜索和我尝试过的解决方案，似乎没有任何效果。

Answer 1

这里的问题是引用：您的 json 字符串包含双引号，这会破坏 onclick="..." 引用。

你可以使用

onclick='...'

或在您的字符串中使用 html 实体：

onclick="myjQuerFcn([{"id":"6","class":"btest","name":"btestvar1"},{"id":"7","class":"btest","name":"btestvar2"}])"

这也很丑。

您也可以先在脚本中创建一个 javascript 变量：

<script>
var obj = '<?php json_encode($myNewArr[$item="btest"]); ?>'
</script>
<div onclick="myjQueryFcn(obj);"></div>

更不用说这不是编程的艺术......

更好的解决方案是使用 ajax 获取您的 (json) 数据，但这需要更多的基础设施：

// java script part:
$.getJSON('php-script.php', function(data){
   $.each(data,function(index,entry) {
       var div = $('<div></div>').on('click', function() {
          alert(entry); // [Object]
       }
       $(document).append(div);
   });
});

--

<?php
// php-script.php:
echo json_encode($myNewArr);