如何通过 onclick 将 php json 数组传递给 JavaScript 函数

Question

我必须将 PHP JSON 数组传递给 JavaScript 函数的点击事件。

在 JSON 编码 PHP 数组结构之前：

Array
(
    [group_id] => 307378872724184
    [cir_id] => 221
)

JSON编码后的数组结构：

{"group_id":"307378872724184","cir_id":"221"}

PHP JSON 数组如下所示：

if(!empty($cirGrpArr))

   $jsonGrpArr = json_encode($cirGrpArr);

我需要将相同的内容传递给点击函数的 javascript，如下所示：

<span onclick="Login(this,JSON.stringify('<?php echo $jsonGrpArr; ?>'))">click here</span>

PHP JSON 数组在此页面中可用，但是如何在 click 函数上传递它，以便我可以迭代这个 JSON 数组来做一些其他的事情。

Answer 1

<span onclick="Login(this,'<?php echo $jsonGrpArr; ?>')">click here</span>

和

function Login(e, jsonString){
var data = JSON.parse(jsonString);
}

Answer 2

您可以通过此方法在函数中传递编码对象。

*.php

<a class="pointer" href="javascript:void(0)"  onclick="return pass( event.target.dataset.param)" data-param="<?php echo htmlspecialchars(json_encode(array('key'=>value))) ?>">Click it</a>

*.js

function pass(json_string='{}'){
    let data=JSON.parse(json_string);
    let value=data['key']??'';
    console.log('value',value);
}