JavaScript获取php数组并将密钥+ vaule发布到正文

时间:2017-06-06 17:59:29

标签: javascript php jquery html

我是编码的新手,我不知道为什么这不起作用 请解释一下,我可以学习,谢谢。 编辑:将PHP移至顶部仍然无法打印任何内容。

        <?php
           //create array
            $someArray = array("Peter"=>"35", "Ben"=>"37", "Joe"=>"43");
            //encode array
            $someJSON = json_encode($someArray);
            //pritn array
        ?>

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                var array = "<?PHP echo $someJSON?>";
                var arrayDecode = jQuery.parseJSON(array);
                $.each(arrayDecode, function(key, value){
                    $('body').append(key + value + "<br><br>");
                });
            });
        </script>
    </head>
    <body>
    </body>
</html>

1 个答案:

答案 0 :(得分:1)

试试这个。 您需要在JS脚本中使用之前声明PHP变量。 否则变量没有任何值,它将返回错误。

<!DOCTYPE html>
<html>
 <head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <?php
   //create array
   $someArray = array("Peter"=>"35", "Ben"=>"37", "Joe"=>"43");
   //encode array
   $someJSON = json_encode($someArray);
   ?>
<script>
   $(document).ready(function(){
     var array = '<?php echo $someJSON; ?>';
     arrayDecode = jQuery.parseJSON(array);
     $.each(arrayDecode, function(key, value){
       $('body').append(key + value + "<br><br>");
    });
  });
</script>
</head>
<body>


</body>
</html>