PHP教程：手把手实现将数据库查询结果动态写入 HTML Textarea（含完整代码示例）-猿码集

1. 环境准备与数据库设计

1.1 连接数据库的环境要求

本节目标是让你了解如何在 PHP 环境中通过 PDO 连接到 MySQL 数据库，并获得查询结果以动态写入前端的 Textarea。

在实际场景中，使用 PDO 可以提高代码的可移植性与安全性，避免直接拼接 SQL，降低 SQL 注入风险。

1.2 数据库表结构设计

我们以一个简单的文本记录表为例：notes，字段包含 id、content 与 created_at。这个结构足以演示从数据库读取文本并写入 Textarea 的过程。

为了便于测试，请在数据库中准备如下结构与数据：创建表后插入若干文本行，确保你能通过查询获得结果集并拼接成文本块。

1.3 测试数据准备

建议在表中插入多条记录，以便验证动态写入的多行文本效果：如多行段落、换行符等。

PHP教程：手把手实现将数据库查询结果动态写入 HTML Textarea（含完整代码示例）

在后续示例中，我们将把 查询结果逐行拼接成一个多行文本，并以初始内容填充到 Textarea。

2. 数据库查询与后端处理

2.1 使用 PDO 查询数据

后端处理的核心是通过 PDO 执行查询并取得结果集，推荐使用 预处理语句（prepare/execute）以提升安全性与可维护性。

在示例中，我们会使用 fetchAll 将结果一次性读取到数组中，便于后续文本拼接与前端使用。

2.2 将结果转成文本用于前端

将查询得到的文本内容 逐行拼接，并用 换行符 将不同记录区分开来，最终作为 Textarea 的初始文本显示。

注意输出时要对文本进行 HTML 转义，防止 XSS 风险，确保前端显示的文本是安全的。

3. 前端实现：动态写入 Textarea

3.1 纯 PHP 服务器端填充初始内容

最直接的做法是在服务端通过 PHP 将拼接好的文本放在 Textarea 的内部文本中，从而实现首次页面加载就显示查询结果。

在此流程中，最重要的点是正确嵌入文本到 textarea 的 innerText 区域，并保证对内容进行 HTML 转义，以避免潜在的注入问题。

3.2 使用 AJAX 动态刷新内容

如果希望页面在不刷新整页的情况下更新 Textarea，我们可以实现一个小型的端点（如 get_notes.php）来返回纯文本或 JSON，再通过 AJAX 将结果写回前端的 Textarea。

这样的做法让页面更加响应式，且用户体验更好，特别是在数据量较大或需要频繁刷新时。

4. 完整代码示例与整合

4.1 后端 PHP 完整示例（将数据库查询结果写入 Textarea 的初始文本）

以下示例展示一个完整的单文件 PHP 页面：连接数据库、查询 notes 表、将内容拼接成多行文本，并回显到一个初始的 Textarea 中。

 PDO::ERRMODE_EXCEPTION,PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,PDO::ATTR_EMULATE_PREPARES   => false,
];try {$pdo = new PDO($dsn, $user, $pass, $options);// 查询 notes 表中的内容，按 id 顺序排列$stmt = $pdo->query('SELECT content FROM notes ORDER BY id ASC');$rows = $stmt->fetchAll();// 将查询结果拼接为多行文本，便于填充到 Textarea$text = '';foreach ($rows as $row) {$line = isset($row['content']) ? $row['content'] : '';// 安全转义，避免 HTML 注入，同时保留换行$text .= htmlspecialchars($line, ENT_QUOTES, 'UTF-8') . PHP_EOL;}} catch (PDOException $e) {// 出错时给出清晰的调试信息，生产环境需隐藏错误信息$text = '数据库连接或查询发生错误：' . $e->getMessage();
}
?>

动态写入 Textarea 的 PHP 实践

动态写入 Textarea 的示例页面
数据库查询结果（动态写入 Textarea）
<?php echo $text; ?>

4.2 前端 HTML 与 AJAX 动态刷新完整示例

下面的前端代码演示如何在页面加载后，通过 AJAX 请求一个单独的 PHP 端点来获取文本数据，并动态写入 Textarea。

document.addEventListener('DOMContentLoaded', function () {fetch('get_notes.php').then(function (response) {return response.text();}).then(function (data) {// 将返回的文本写入到 textarea 中，保留换行var ta = document.getElementById('notes');if (ta) {ta.value = data;}}).catch(function (err) {console.error('获取文本失败：', err);});
});

get_notes.php 的简单实现示例（仅返回文本，不输出 HTML）：

 PDO::ERRMODE_EXCEPTION,PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,PDO::ATTR_EMULATE_PREPARES => false,
];try {$pdo = new PDO($dsn, $user, $pass, $options);$stmt = $pdo->query('SELECT content FROM notes ORDER BY id ASC');$rows = $stmt->fetchAll();$lines = [];foreach ($rows as $row) {$lines[] = $row['content'];}// 以换行符分隔，返回纯文本echo implode(PHP_EOL, array_map('htmlspecialchars', $lines));
} catch (PDOException $e) {http_response_code(500);echo '错误: ' . $e->getMessage();
}
?>

在实际应用中，你可以将以上 AJAX 方案与后端接口结合，实现页面加载或触发事件后动态写入 Textarea，提升用户体验。

要点回顾：动态写入的关键在于将数据库查询结果转换成文本格式，并通过前端脚本更新 Textarea 的内容，同时对输出进行 安全处理，以确保页面安全与稳定。