PHP 对象数组到 javascript 变量

PHP object array to javascript variable

我需要将 php 对象数组转换为 javascript 变量,以便在 'easyautocomplete' 插件中使用。这是我要实现的目标的概要:

var_dump of PHP 从数据库返回的对象:

array(223) {
  [0]=>
  object(stdClass)#5 (9) {
    ["id"]=>
    string(2) "10"
    ["no"]=>
    string(3) "CN1"
    ["name"]=>
    string(10) "Cyclops"
  }
  [1]=>
  object(stdClass)#6 (9) {
    ["id"]=>
    string(2) "11"
    ["no"]=>
    string(3) "CN2"
    ["name"]=>
    string(11) "Professor X"
  }
  ..
  ..

要求javascript格式:

var characters = {

    data: [
        {"name": "Cyclops", "id": 1},
        {"name": "Professor X", "id": 2}
        ],

    getValue: "name",

    list: {

        onSelectItemEvent: function() {

            var value = $("#character1").getSelectedItemData().id;

            $("#character").val(value).trigger("change");
        }
    }
};

我尝试了什么:

var characters = <?php echo json_encode(['data' => $chars]); ?>;

结果:

var characters = {

    "data": [
    {"id":"10","no":"CN1","name":"Cyclops"},
    {"id":"11","no":"CN2","name":"Professor X"}

]};

看来我几乎得到了我需要的结果,但我不知道如何将从 getValue : "name" list: { ..... 开始的剩余属性附加到字符变量。

此外,结果变量似乎在 "data" 属性周围有双引号,但我不确定这是否会导致问题。

Link 到我要实现的示例:Link

客户端行为应该在客户端,不需要附加任何东西到data,只需要提供所需的数据集,所有其他字段都可以在js中定义:

var characters = {
    data: <?=json_encode($chars)?>,
    getValue: "name",
    list: {
        onSelectItemEvent: function() {
            var value = $("#character1").getSelectedItemData().id;
            $("#character").val(value).trigger("change");
        }
    }
};