PHP数组经xmlHttp.responseText传至JS后显示‘Array’的问题求助

阿华AIGC实验室

2026-5-28

解决方案：PHP数组传递给JS并显示具体元素

这个问题我之前也碰到过，核心原因是PHP直接输出数组时只会返回字符串"Array"，而不是数组的实际内容，导致JS拿到的是无法解析的文本，自然没法显示具体元素。下面是分步骤的解决方法：

1. 修正PHP代码：将数组转为JSON格式输出

PHP里要把数组转换成JS能识别的JSON格式，用json_encode()函数就可以搞定，同时建议设置响应头确保内容类型正确：

<?php
$cars = array("Volvo", "BMW", "Toyota");
// 设置响应头为JSON类型，让JS能正确识别返回内容
header('Content-Type: application/json');
// 将数组转为标准JSON字符串输出
echo json_encode($cars);
?>

这样输出的就不再是"Array"，而是JS能直接解析的JSON数组：["Volvo","BMW","Toyota"]

2. 修正JavaScript代码：解析JSON并显示元素

JS拿到JSON字符串后，需要先解析成JS数组，然后就可以灵活处理显示了：

function assign_dt() {
    // 把返回的JSON字符串解析为JS数组
    var cars = JSON.parse(xmlHttp.responseText);
    // 简单拼接成逗号分隔的字符串显示
    document.getElementById('des').innerHTML = cars.join(', ');
    
    // 如果需要更个性化的展示，比如逐个换行显示，可以用循环：
    // let displayContent = '';
    // cars.forEach(car => {
    //     displayContent += `<div>${car}</div>`;
    // });
    // document.getElementById('des').innerHTML = displayContent;
}