js 获取 php 数组数据

php 的数据要先转换成 json，再执行 url 编码传递给 js 。如果在一个页面中做传递的话，可以随便写一个属性，在 js 中获取这个属性即可
对应的在 js 中，要先进行 url 解码

• 代码

<?php

$arr = [
    [
        'id' => 1,
        'name' => 1,
    ],
    [
        'id' => 2,
        'name' => 2,
    ],
    [
        'id' => 3,
        'name' => 3,
    ],
];

$js_value = urlencode(json_encode($arr));
?>
<input type="text" id="your_input_id" js_value="<?= $js_value ?>">

<script>
    let arr = [];
    let js_value = $('#your_input_id').attr('js_value');
    let json = decodeURIComponent(js_value);
    arr = JSON.parse(json);
    console.log(arr);

    //    向数组中添加数据
    arr.push({
        id: 'new_id',
        name: 'new_name'
    })
    
    // 点击删除数组中某个值
    $('#class_c_id_name').delegate('.add', 'click', function () {
        let id = $(this).attr('id') // 获取 id
        arr = arr.filter((o) => {
            return o.id !== id
        })
        let html = '';
        arr.forEach(item => {
            html += `${item.id},`
        })
        $('#class_c_id_value').val(html);
        $(this).remove()
    })

</script>