PHP输出内容在Javascript中无法调用slice，如何正确格式化PHP输出？

你遇到的报错来自两个问题：

1. PHP端直接返回字符串格式的内容，前端拿到后没有转为JS可识别的对象/数组结构，此时dataSequence是普通字符串，dataSequence[0]取到的是字符串首字符[，不存在data属性，因此调用slice会抛出未定义错误。
2. 你手动拼接的输出字符串不符合标准JSON规范：键名没有用双引号包裹、字符串值用了单引号，就算前端手动解析也会失败。

第一步：修改PHP端输出逻辑 #

不要手动拼接JSON字符串，使用PHP内置的json_encode方法生成标准JSON格式，同时添加响应头标识返回内容为JSON：

<?php
// 构造对应结构的PHP数组
$outputData = [
    [
        'name' => 'Week 1',
        'data' => [1, 2, 2, 1, 1, 2, 2, 5]
    ],
    [
        'name' => 'Week 2',
        'data' => [6, 12, 2, 3, 3, 2, 2, 6]
    ]
];
// 设置响应头为JSON类型
header('Content-Type: application/json');
// 输出标准JSON
echo json_encode($outputData);
?>

第二步：调整前端Ajax逻辑 #

二选一即可：

• 方案1：在Ajax配置中添加dataType: 'json'，让jQuery自动将返回的JSON内容转为JS对象：

$.ajax({
    url: "gettimedata1.php",
    type: 'POST',
    dataType: 'json'
}).done(function(msg) {
    dataSequence = msg;
    data = dataSequence[0].data.slice();
});

• 方案2：拿到响应后手动调用JSON.parse转换字符串为JS对象：

$.ajax({
    url: "gettimedata1.php",
    type: 'POST',
}).done(function(msg) {
    dataSequence = JSON.parse(msg);
    data = dataSequence[0].data.slice();
});

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