PHP变量传递至JavaScript后保存为文本文件失败求助

我来帮你一步步排查这个问题，生成空文件通常有几个常见原因，咱们逐个解决：

1. 先确认PHP变量$CODE本身是否有内容 #

这是最基础的检查——如果从SQL查询拿到的$CODE本身就是空的，那生成的文件自然是空的。你可以在PHP代码里直接输出变量，验证一下：

<?php
// 放在$CODE赋值的后面
var_dump($CODE); // 看看输出的是字符串、空值还是数组
echo "<br>原始内容：" . $CODE;
?>

如果输出是空或者null，那得先去排查你的SQL查询语句，确认它能正确返回数据。

2. 检查json_encode的编码是否正常 #

json_encode对字符串编码有要求：必须是UTF-8格式，如果$CODE包含非UTF-8的字符（比如GBK编码的中文），它会返回false，这时候传到JS里的textToSave就会变成字符串"false"，而不是你想要的内容。

你可以在PHP里加一段代码检查编码结果：

<?php
$encodedCode = json_encode($CODE);
if ($encodedCode === false) {
    echo "JSON编码失败：" . json_last_error_msg();
} else {
    echo "编码后内容：" . $encodedCode;
}
?>

如果提示编码错误，先把$CODE转成UTF-8：

<?php
// 把"原编码"替换成你的数据库或字符串实际编码，比如GBK、GB2312
$CODE = mb_convert_encoding($CODE, 'UTF-8', '原编码');
?>

3. 修正JS代码里的两个关键问题 #

你的JS代码有两个小问题，可能导致文件为空或内容异常：

• 错误的MIME类型：data:attachment/text不是标准的纯文本类型，应该改成data:text/plain;charset=utf-8
• json_encode会给字符串自动加双引号，加上encodeURI的处理问题，可能导致内容丢失或带多余引号

修正后的JS代码如下：

function download_txt() {
    // 去掉json_encode自动添加的前后双引号
    var textToSave = <?= json_encode($CODE) ?>.slice(1, -1);
    var hiddenElement = document.createElement('a');
    // 用正确的MIME类型，并用encodeURIComponent处理特殊字符
    hiddenElement.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(textToSave);
    hiddenElement.target = '_blank';
    hiddenElement.download = 'myFile.txt';
    hiddenElement.click();
}
document.getElementById('test').addEventListener('click', download_txt);

4. 备选方案：跳过json_encode直接传递文本 #

如果$CODE是纯文本（没有复杂的特殊字符），可以不用json_encode，直接用PHP转义后传给JS，更简单稳妥：

function download_txt() {
    // addslashes转义单引号、双引号等，避免JS语法错误
    var textToSave = '<?= addslashes($CODE) ?>';
    var hiddenElement = document.createElement('a');
    hiddenElement.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(textToSave);
    hiddenElement.target = '_blank';
    hiddenElement.download = 'myFile.txt';
    hiddenElement.click();
}
document.getElementById('test').addEventListener('click', download_txt);

按这个流程排查下来，应该就能解决空文件的问题啦！

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