编码为javascript

时间:2018-02-11 15:09:27

标签: javascript php jquery json

我在自己制作的主题中使用wordpress。我链接的代码位于我定制的页面模板中。

这很容易。我试图将php数组转换为javascript数组。我有这个PHP脚本:

$userArray = array('John Doe', 'john@example.com');

这个javascript:

 var users = '<?php echo json_encode($userArray); ?>';
 jQuery(this).val(users[0]);
 // this displays my value inside a textfield.

奇怪的是:

users[0] displays this: [
users[1] displays this: "
users[2] displays this: J
users[3] displays this: o

所以在一起我看起来像拼写[&#34; John doe&#34;]。 用户[0]应该是&#34; john doe&#34;

有没有人知道为什么会这样? 在此先感谢您的帮助和提示。

2 个答案:

答案 0 :(得分:1)

首先必须JSON.parse字符串。变量users是一个字符串,需要转换为数组或对象。

var users = '<?php echo json_encode($userArray); ?>';
users = JSON.parse(users); /* Parse the string to array or object */
jQuery(this).val(users[0]);

或者您可以通过以下方式缩短代码:

var users = JSON.parse('<?php echo json_encode($userArray); ?>');
jQuery(this).val(users[0]);

答案 1 :(得分:1)

users变量包含一个字符串,如果您尝试在Javascript中将字符串作为数组访问,您将获得index位置的字符,这就是您获得该结果的原因(请参阅“角色访问”here)。

除了JSON.parse之外,您可以将引号保留,它将被解释为JSON:

<?php
    $userArray = array('John Doe', 'john@example.com');
?>
<script>
    var users = <?php echo json_encode($userArray); ?>;
    console.log(users[0]); // John Doe
</script>