将 PHP 字符串传递给 JavaScript 变量（并转义换行符）[重复]

Question

对 PHP 字符串进行编码以输出到 JavaScript 变量的最简单方法是什么？

我有一个包含引号和换行符的 PHP 字符串。我需要将此字符串的内容放入 JavaScript 变量中。

通常，我会在 PHP 文件中构建我的 JavaScript，就像这样：

<script>
  var myvar = "<?php echo $myVarValue;?>";
</script>

但是，当$myVarValue 包含引号或换行符时，这不起作用。

Answer 1

扩展其他人的答案：

<script>
  var myvar = <?php echo json_encode($myVarValue); ?>;
</script>

使用json_encode() 需要：

• PHP 5.2.0 或更高版本
• $myVarValue 编码为 UTF-8（当然也可以是 US-ASCII）

由于 UTF-8 支持完整的 Unicode，因此可以安全地进行动态转换。

请注意，由于json_encode 会转义正斜杠，因此即使是包含</script> 的字符串也会被安全转义以使用脚本块进行打印。

Answer 2

偏执版：Escaping every single character。

function javascript_escape($str) {
  $new_str = '';

  $str_len = strlen($str);
  for($i = 0; $i < $str_len; $i++) {
    $new_str .= '\\x' . sprintf('%02x', ord(substr($str, $i, 1)));
  }

  return $new_str;
}

编辑：json_encode() 可能不合适的原因是有时，您需要防止生成"，例如

<div onclick="alert(???)" />

Answer 3

如果您使用模板引擎来构建您的 HTML，那么您可以随心所欲地填充它！

查看XTemplates。 这是一个不错的、开源的、轻量级的模板引擎。

你的 HTML/JS 看起来像这样：

<script>
    var myvar = {$MyVarValue};
</script>

Answer 4

1. 不要。使用 Ajax，将其放在 HTML 中的 data-* 属性中，或者其他有意义的东西中。使用内联脚本会让你的页面更大，could be insecure or still allow users to ruin layout，除非……

2. …你做了一个更安全的函数：

   function inline_json_encode($obj) {
       return str_replace('<!--', '<\!--', json_encode($obj));
   }
   

Answer 5

尽管addslashes()，但不要运行它；如果您在 HTML 页面的上下文中，HTML 解析器仍然可以看到 </script> 标记，甚至是中间字符串，并假设它是 JavaScript 的结尾：

<?php
    $value = 'XXX</script><script>alert(document.cookie);</script>';
?>

<script type="text/javascript">
    var foo = <?= json_encode($value) ?>; // Use this
    var foo = '<?= addslashes($value) ?>'; // Avoid, allows XSS!
</script>

Answer 6

<script>
var myVar = <?php echo json_encode($myVarValue); ?>;
</script>

或

<script>
var myVar = <?= json_encode($myVarValue) ?>;
</script>

Answer 7

以下 Micah 的解决方案对我有用，因为我必须自定义的网站不是 UTF-8，所以我不能使用 json；我会投票，但我的代表不够高。

function escapeJavaScriptText($string) 
{ 
    return str_replace("\n", '\n', str_replace('"', '\"', addcslashes(str_replace("\r", '', (string)$string), "\0..\37'\\"))); 
} 

Answer 8

我不确定这是否是不好的做法，但我和我的团队一直在使用混合的 html、JS 和 php 解决方案。我们从想要拉入 JS 变量的 PHP 字符串开始，我们称之为：

$someString

接下来我们使用页面内隐藏的表单元素，并将它们的值设置为字符串：

<form id="pagePhpVars" method="post">
<input type="hidden" name="phpString1" id="phpString1" value="'.$someString.'" />
</form>

那么通过document.getElementById定义一个JS var就很简单了：

<script type="text/javascript" charset="UTF-8">
    var moonUnitAlpha = document.getElementById('phpString1').value;
</script>

现在您可以在任何想要获取 PHP 字符串值的地方使用 JS 变量“moonUnitAlpha”。 这对我们来说似乎非常有效。我们会看看它是否能承受大量使用。

Answer 9

我遇到过类似的问题，了解以下是最佳解决方案：

<script>
    var myvar = decodeURIComponent("<?php echo rawurlencode($myVarValue); ?>");
</script>

但是，micahwittman 发布的link 表明存在一些细微的编码差异。 PHP 的 rawurlencode() 函数应该符合 RFC 1738，而 Javascript 的 decodeURIComponent() 似乎没有这样的努力。

Answer 10

你可以试试

<script type="text/javascript">
    myvar = unescape('<?=rawurlencode($myvar)?>');
</script>

Answer 11

您可以将其插入隐藏的 DIV，然后将 DIV 的 innerHTML 分配给您的 JavaScript 变量。你不必担心逃避任何事情。请确保不要将损坏的 HTML 放在那里。

Answer 12

function escapeJavaScriptText($string)
{
    return str_replace("\n", '\n', str_replace('"', '\"', addcslashes(str_replace("\r", '', (string)$string), "\0..\37'\\")));
}

Answer 13

htmlspecialchars

说明

string htmlspecialchars ( string $string [, int $quote_style [, string $charset [, bool $double_encode ]]] )

某些字符在 HTML 中具有特殊意义，如果要保留其含义，则应由 HTML 实体表示。该函数返回一个字符串，其中包含一些转换；所做的翻译是那些对日常网络编程最有用的。如果您需要翻译所有 HTML 字符实体，请改用 htmlentities()。

此功能可用于防止用户提供的文本包含 HTML 标记，例如在留言板或留言簿应用程序中。

执行的翻译是：

* '&' (ampersand) becomes '&'
* '"' (double quote) becomes '"' when ENT_NOQUOTES is not set.
* ''' (single quote) becomes ''' only when ENT_QUOTES is set.
* '<' (less than) becomes '&lt;'
* '>' (greater than) becomes '&gt;'

http://ca.php.net/htmlspecialchars

Answer 14

用 JSON 编码