使用 JavaScript 触发 PHP 文件中的 HTML 元素

前端 JavaScript 代码 (script.js)

首先，我们需要编写 JavaScript 代码来监听按钮的点击事件，并使用 AJAX 请求与服务器进行通信。

const toggle = document.getElementById('togglePassword');
const password = document.getElementById('password');

toggle.addEventListener("click", function () {
    // 使用 AJAX 更新密码可见性
    const xhr = new XMLHttpRequest();
    xhr.open("GET", "update_password.php?action=" + (password.style.visibility === "visible" ? "hide" : "show"), true);
    xhr.onload = function () {
        if (xhr.status >= 200 && xhr.status < 300) {
            // 请求成功，更新前端显示
            password.style.visibility = (password.style.visibility === "visible" ? "hidden" : "visible");
        } else {
            // 请求失败，处理错误
            console.error("请求失败，状态码：", xhr.status);
        }
    };
    xhr.onerror = function () {
        console.error("请求发生错误");
    };
    xhr.send();
});

这段代码做了以下几件事：

1. 获取了 ID 为 togglePassword 的按钮和 ID 为 password 的
   元素。
2. 为按钮添加了一个点击事件监听器。
3. 在点击事件处理函数中，创建了一个 XMLHttpRequest 对象，用于发起 AJAX 请求。
4. xhr.open("GET", "update_password.php?action=" + (password.style.visibility === "visible" ? "hide" : "show"), true)：使用 GET 方法打开一个到 update_password.php 的请求，并传递一个 action 参数，其值为 "hide" 或 "show"，取决于当前密码的可见性。
5. xhr.onload：定义请求成功时的回调函数，该函数将更新前端密码的可见性。
6. xhr.onerror：定义请求失败时的回调函数，用于处理错误。
7. xhr.send()：发送 AJAX 请求。

后端 PHP 代码 (update_password.php)

接下来，我们需要编写 PHP 代码来处理 AJAX 请求，并根据请求中的 action 参数来更新密码的可见性。

立即学习“PHP免费学习笔记（深入）”；


mPDF
mPDF是一个PHP库，可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件，并处理不同的语言。与原始脚本如HTML2FPDF相比，它的速度较慢，并且在使用Unicode字体时生成的文件较大，但支持CSS样式等，并进行了大量增强。支持几乎所有语言，包括RTL（阿拉伯语和希伯来语）和CJK（中日韩）。支持嵌套的块级元素（如P、DIV），包括边距、边框、填充、行高、背景颜色等。支持从右到左的语言，并自动检测文档中的RTL字符。转置表格、列表、文本
下载

 'success', 'action' => $action]);

//header('Content-Type: application/json'); // 设置响应头为 JSON 格式
//echo json_encode($response); // 将 PHP 数组编码为 JSON 字符串并输出
exit; // 确保脚本在此处停止执行
?>

这段 PHP 代码做了以下几件事：

1. 启动 session，用于存储密码和可见性状态。
2. 检查是否设置了密码，如果未设置，则初始化一个默认密码。
3. 获取 action 参数，该参数由 JavaScript 通过 AJAX 请求传递过来。
4. 根据 action 参数的值（"hide" 或 "show"）更新 $_SESSION['password_visible'] 的值。
5. 将操作结果以 JSON 格式输出，供前端调试。

包含 HTML 元素的 PHP 文件 (index.php)

最后，我们需要一个包含 HTML 元素的 PHP 文件，该文件将生成包含密码和按钮的 HTML 代码。

 " . htmlspecialchars($pass) . "