PHP数组安全传递至JavaScript的JSON编码方法

为什么需要JSON编码？

早期开发者常尝试直接输出PHP数组并手动加引号，如 $str = "'" . implode("','", $arr) . "'";。这种方法极易因数组元素包含单/双引号或空格而破坏JavaScript语法，导致脚本执行失败。json_encode是处理此问题的标准方案，它能自动处理转义、嵌套结构及数据类型转换。

操作步骤：从PHP到JS的数据流

第1步：准备PHP环境

确保服务器运行PHP 5.2或以上版本（现代环境默认满足）。该版本起，json_encode成为核心扩展功能，无需额外下载第三方类库。

第2步：构造与编码PHP数组

首先定义待传递的源数组，随后使用JSON函数进行序列化：

$arr = array('a', 'b', 'c'); // 普通索引数组
// 支持关联数组和二维数组
$assoc_arr = array('id' => 1, 'name' => 'Test');

// 核心操作：转换为JSON字符串
$json_str = json_encode($arr); 

第3步：在HTML/JS中接收数据

根据具体应用场景，有两种主流写法：

场景A：内联脚本赋值（推荐用于模板渲染）

<script>
// PHP直接嵌入JS变量
var myArray = <?php echo $json_str; ?>;
console.log(myArray.length);
</script>

场景B：事件回调传参（适用于按钮点击等交互）

<input type='button' onclick='add(<?php echo $json_str; ?>)' value='提交'>

<script>
function add(arrayData) {
    // 传入的是解析后的JS对象
    alert(arrayData.length);
}
</script>

关键注意事项

• 字符集问题：若数据库或输入包含中文等非ASCII字符，建议在初始化时设置header：header('Content-Type: text/html; charset=utf-8');，或在php.ini中配置 default_charset =