如何在Javascript中转义PHP变量？

Question

我正在尝试创建一个Javascript函数，该函数回显一个名为the_title（）的Wordpress函数，该函数仅返回博客的标题。 通过PHP，它回声很好，但是当我通过Javscript执行时，引号似乎是未转义的（特别是单引号）。 任何帮助或解释为什么会这样？

编码：

function createSliderTabs() {   
    var para = document.createElement("li");
    var strings = "<?php the_title(); ?>";
    var post_string = strings.replace(/"/g, "").replace(/'/g, "").replace(/\(|\)/g, "");
    var node = document.createTextNode(post_string);
    para.appendChild(node);
    var element = document.getElementById("control-navigation");
    element.appendChild(para);
}

    createSliderTabs();

结果：
梅西百货（Macy's Herald Square）（必须包含空格，否则它将变成单引号）

应该是：
梅西百货先驱广场

有什么帮助或指导，为什么会这样？ 提前谢谢...

Answer 1

从php到js转换，您始终必须使用json_encode（） 。

• 避免xss
• 描述Unicode字符

Answer 2

您可以使用html_entity_decode ：

我对wordpress并不是很熟悉，但是我想您会在the_title（）中使用它：

function the_title()
{
   $str = 'Macy’s Herald Square';
   echo html_entity_decode ($str, ENT_COMPAT , "UTF-8");
}

如果您需要使用json_encode（） ，则应该可以

$json = html_entity_decode(json_encode($array), ENT_COMPAT , "UTF-8");

编辑：添加了ENT_COMPAT , "UTF-8"