json_encode返回数据自动转JS对象及输出false原因解析

疑问1：未手动调用JSON.parse却直接拿到了JS对象 #

你已经在代码里调用了Fetch API内置的response.json()方法，这个方法的作用就是读取响应体的原始JSON字符串，自动完成JSON.parse()的解析逻辑，最终返回一个resolve值为JS对象的Promise。你不需要对解析完成的对象再手动调用一次JSON.parse()——JSON.parse()的入参必须是字符串类型，传入已经解析好的对象自然会抛出“待解析内容不是字符串”的错误。
你之前误以为没有写JSON解析逻辑，本质是没注意到response.json()本身就承担了解析工作。

疑问2：HTML中输出json_encode($board_row)得到false #

json_encode()返回false的核心原因是待编码的数据存在不符合JSON规范的内容，最常见的场景是数据中包含非UTF-8编码的字符：

• 你手动定义的测试数组全是合法UTF-8字符，自然可以正常编码输出。
• 从数据库查询得到的$board_row出现编码失败，大概率是两个原因：一是PDO数据库连接没有设置UTF-8字符集，从库中读取的内容存在非UTF-8的乱码；二是你调用$board_stmt->fetch()时未指定抓取模式，PDO默认会同时返回关联索引+数字索引的重复字段，若字段中存在二进制、截断的特殊字符，就会直接导致编码失败。
  另外要注意：你当前的JSON响应逻辑里，输出JSON后立刻调用了exit终止程序，后续的HTML内容根本不会执行。如果你要在HTML段输出这个JSON字符串，需要把数据查询、赋值的逻辑提前，不要在JSON分支里直接终止流程阻断后续代码运行。

代码优化建议 #

JS侧优化 #

你当前的链式调用没有return response.json()的结果，catch分支无法捕获JSON解析阶段的错误，调整写法如下：

fetch(pagePath, {
    method: 'post',
    body: formData
})
.then(function(response) {
    if (response.status !== 200) throw new Error('请求状态异常：' + response.status);
    return response.json();
})
.then(function(json) {
    const newBoardName = json.board_name,
    boardId = json.board_id;
    const newButton = `
    <button name="board-name" type="submit">
        <span>${newBoardName}</span>
        <span style="margin:0" class="add-icon flex">+</span>
    </button>
    <input class="board-id-value" type="hidden" value="${boardId}">
    `
    document.querySelector('.board-list').insertAdjacentHTML('afterbegin', newButton);
})
.catch(function(error) {
    console.error(error);
})

PHP侧优化 #

1. 初始化PDO连接时指定字符集为utf8mb4，确保数据库读写的内容都是合法UTF-8编码
2. 抓取查询结果时明确指定关联数组模式，避免冗余字段：$board_row = $board_stmt->fetch(PDO::FETCH_ASSOC);
3. 如果json_encode()依然返回false，调用json_last_error_msg()可以直接打印具体的编码错误原因，快速定位异常字段。

内容的提问来源于stack exchange，提问作者paulo77