使用 php 变量设置输入值

Question

我正在尝试做一些非常简单的事情，我知道我可能应该使用 ajax，但我只是在做一些快速测试。

所以我有一个带有一些变量的 display.php 文件，我想通过使用document.getElementbyID.value = myVariable在输入文本中显示 PHP 变量

//PHP
<?php
$name = 'Patrick';
?>

//HTML
First Name: <input type="text" id = "fname" name="fname" value=""   >

//JS
<script type="text/javascript">
     var f = <?php echo($name); ?>;
    document.getElementById("fname").value = f;`
</script>

我不断收到错误Uncaught ReferenceError: Patrick is not defined不太确定我的代码出了什么问题它看起来很简单但它不想在输入框中输入值“Patrick”。

尝试了用 '' 或使用 json_encode 编写它的不同方式，但没有改变任何仍然得到相同错误的东西。

Answer 1

未捕获的 ReferenceError：Patrick 未定义

那是因为生成的 javascript 是：

var f = Patrick;

这意味着将f设置为变量Patrick的内容。

由于没有定义名为Patrick的变量，您将得到未捕获的引用错误。

你需要像这样把帕特里克放在引号中：

var f = "Patrick"; // <-- Note the "

请注意，由于您要将数据从 PHP 传递到 JavaScript，因此更好的方法是像这样使用 JSON：

var f = <?php echo json_encode((string)$data); ?>;

这允许您传递更复杂类型的数据¹，并且您将获得正确的转义字符串。

正确的转义字符串？ 如果用户输入是Test " （注意双引号），原始方法将失效，因为生成的 javascript 将是：

var f = "Test "";

这不仅是一个错误，而且是一个安全问题，因为用户输入可能包含将被执行的任意 javascript。

¹只需删除(string)演员表。