【问题标题】:How to get actual value from php array in javascript?如何从 javascript 中的 php 数组中获取实际值?
【发布时间】:2020-04-04 15:05:51
【问题描述】:

这个"<?php echo $array1["+i+"]; ?>" 是应该从实际索引的字符串中的数组中获取并返回一些坐标的代码。我想返回实际坐标,因此我有 i(int) 但这部分中的一些是错误的。但是如果我像这样重写固定索引:"<?php echo $array1[1]; ?>" 它运行正确。 如果我的代码错误,如何返回具有实际索引的 $array1 成员?

<?php $array1 = array("-74.0061,40.712", "40.712,40.712", "19.291,50.712"); ?>

<script>
    for (i = 0; i != "<?php echo count($array1); ?>"; i++) {
                                        //there
        var from_array = "<?php echo $array1["+i+"]; ?>";   
        document.getElementById(i).innerHTML = from_array;   
    }
</script>

【问题讨论】:

  • 您不能像这样混合使用 php(服务器端代码)和 javascript(客户端代码)。例如 $array1 是在 PHP 代码中定义的,但您尝试访问它并在 JS 循环中进行索引。当然这永远不会奏效;要么在 PHP 中编写所有代码,要么在 JS 中编写所有代码;另外,我提交了一个编辑以删除无意义的标签(字符串,int)
  • Undefined index: +i+ 是您应该在 HTML 源代码中看到的内容。
  • @Pierre 在进行(建议性)编辑时,如果发布的内容中缺少相关标签,请确保添加相关标签。我必须改进您的编辑并添加缺少的“javascript”标签。 谢谢!
  • @FunkFortyNiner 确实,很抱歉我错过了!
  • 不用担心@Pierre :) 只是一点旁注。

标签: javascript php arrays


【解决方案1】:

你可以在服务器端用php填充JS数组,然后在客户端用JS数组操作

<script>
    var arr = [
    <?php 
         $array1 = array("-74.0061,40.712", "40.712,40.712", "19.291,50.712"); 
         $str = '';
        foreach($array1 as $val) {
            $str .= ("'".$val . "',");
        }
        echo $str;
    ?>
    ];
    for (i = 0; i !=  arr.length; i++) {
        console.log(arr[i]);
    }
</script>

【讨论】:

    【解决方案2】:

    不能从 php 中读取 js 值或从 js 中读取 php 值。来自链接 (https://textuploader.com/149de) 的代码,该循环不会遍历循环。它使用1 作为索引。

    var from_array = "<?php echo $array1[1]; ?>";
                                         ^^
    

    你可以试试关注

    <script>
    <?php
        for ($i = 0; $i != count($array1); ?>"; $i++) {  
            echo "document.getElementById(".$i.").innerHTML ='".$array1[$i]."';";
        }
    ?>
    </script>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-24
      • 1970-01-01
      • 2016-08-20
      • 1970-01-01
      • 2018-08-04
      • 1970-01-01
      相关资源
      最近更新 更多