通过POST将JSON编码的变量从PHP传递到Javascript

我有一个多维数组，我想用Javascript解析JSON数据并将其绘制到Google地图上，以发送到PHP脚本。我试图用形式来模拟它：通过POST将JSON编码的变量从PHP传递到Javascript

<?php 
$jsontest = array(
    0 => array(
     'plate_no' => 'abc111', 
     'longlat' => array(121.003895,14.631563), 
     'info' => 'first item' 
     ), 
    1 => array(
     'plate_no' => 'abc222', 
     'longlat' => array(121.103895,14.731563), 
     'info' => 'second item' 
     ) 
    ); 
$jsonarray = json_encode($jsontest); 
?> 
<form action="json-target.php" method="post" accept-charset="utf-8"> 
     <input type="hidden" name="jsonarray" value="<?php echo $jsonarray; ?>" id="jsonarray"> 
    <p><input type="submit" value="Continue &rarr;"></p> 
</form>

JSON-target.php看起来是这样的：

<?php 
    print "The value of \$_POST is "; 
    print_r($_POST); 
?>

和$_POST输出Array ([jsonarray] => [{)。我想将$jsonarray变量的内容传递给Javascript函数（请参见下面的更新）。

更新：我也有一个本应通过alert()解析从$_POST收到的价值，并张贴值的简单的Javascript：

<script src="/js/json2.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript" charset="utf-8"> 
    var json = JSON.parse(<?php echo $_POST['jsonarray'] ?>); 
    for (var i = 0; i < json.length; i++) { 
     alert(json[i]); 
    } 
</script>

但输出错位与反斜杠字符。

var json = JSON.parse([{\"plate_no\":\"abc111\",\"longlat\":[121.003895,14.631563],\"info\":\"first item\"},{\"plate_no\":\"abc222\",\"longlat\":[121.103895,14.731563],\"info\":\"second item\"}]);

这样做的更好方法是什么？

来源

2009-09-04 Francis

究竟是什么问题？ – rojoca 2009-09-04 04:55:35

JSON编码大量使用引号。通过简单地将JSON编码的字符串输入到HTML value属性中，引号将会干扰标记。他们需要被转移到HTML中。试试这个：

<input type="hidden" name="jsonarray" value="<?php echo htmlspecialchars($jsonarray,ENT_QUOTES); ?>" id="jsonarray">

编辑：针对您的更新，我不知道你的JSON.parse是应该做的事情。在PHP中使用json_encode()编码的东西在技术上是一个有效的Javascript对象，不需要进一步解析。如果我有一个名为$obj的物体的名称属性“你好”，我可以这样做：

<script type="text/javascript"> 
var o = <?php echo json_encode($obj); ?>; 
alert(o.name); 
</script>

，并得到一个警告说“你好”。 json_encode的输出是一个完美的javascript对象。

您的$_POST数组的输出已被斜杠转义的事实导致我认为可能您的magic_quotes_gpc指令设置为打开。如果是这种情况，你必须用stripslashes()取消你的$ _POST变量。

来源

2009-09-04 04:55:02 zombat

谢谢！我能够在json-target.php中获得输出，但是现在JSON对象被破坏了。我正在做正确的方法吗？ – Francis 2009-09-04 05:35:13

花了我一会儿才找到答案。尝试：

var json = JSON.parse(<?php echo stripslashes($_POST['jsonarray']) ?>);

来源

2012-06-22 01:09:50 srkleiman

var json = JSON.parse（$（'＃jsonarray'）。val（））; alert（json.plate_no [0]）;

来源

2016-04-20 12:13:00 ayumixlain

欢迎来到StackOverflow！请考虑为你的答案添加一些解释。谢谢！ – Aurasphere 2016-04-20 12:33:57

通过POST将JSON编码的变量从PHP传递到Javascript

回答

相关问题