javascript - 如何从 php 变量中获取值到我们的 javascript 文件中？

Question

实际上，我创建了一个用户个人资料页面，其中添加了一个“更新信息”按钮，例如：

<span id="username"> Username:  <?php echo $username; ?>
<span id="password"> Password:  <?php echo $password; ?>

在这个页面中，我最初使用数据库中的 php/mysql 命令获取用户名和密码的值。

现在，我创建了一个 JavaScript 文件来更改 ID 用户名/密码的 innerHTML，每当我单击“更新信息”时，我想添加如下所示的内容：

function update()
{

document.getElementById('username').innerHTML=' Username:  <input type="text"    id="uname" name="uname" value="<?php echo $username; ?>">';

 }

但我没有得到用户名的值，我只是在输入文本字段中得到相同的 php 脚本。

如何执行此操作以获得我直接在主页中获得的“$username”的值？

Answer 1

改成喜欢。

document.getElementById('username').innerHTML=' Username:  <input type="text"    id="uname" name="uname" value="'+<?php echo $username; ?>+'">';

Answer 2

它不能工作，你不能在 JavaScript 文件中编写 PHP 代码。

您必须在 php 页面（.php 扩展名）中打印值，您可以执行以下操作：

<script>
 var username = "<?php print $username ?>";
 var password = "<?php print $password ?>";
</script>

但请确保您清理了 PHP 值或将您的用户暴露给 XSS 攻击。还考虑避免打印密码，作为规则。通常当用户想要更改密码时，他/她必须先提供旧密码，然后再提供新密码。

Answer 3

你不能写入<?php ..... ?>你的.js文件。它不会被执行。

它必须仅在.PHP文件中，否则您可以通过以下方式将脚本文件包含到您的 PHP 文件中include，require

Answer 4

<span id="username"> Username:  <?php echo $username; ?>
<input type="hidden" name="usernameHidden" id="usernameHidden" value="<?php echo $username; ?>"/>
<span id="password"> Password:  <?php echo $password; ?>

function update()
{
alert(document.getElementById("usernameHidden").value);
}