【问题标题】:How to pass php array to another js file如何将php数组传递给另一个js文件
【发布时间】:2014-04-05 21:07:00
【问题描述】:

我有 index.php 文件,其中有一个像这样的 php 数组,

$arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5);
echo json_encode($arr);

我想要 jquery 函数中的 $arr 值,它位于另一个名为 fetchvalue.js 的文件中,

$(function  ()  {
    $('#barchart').sparkline(ARRAYFROMPHP, {
        type: 'bar', 
        barColor: '#3B5998',    
        height:'35px',
        weight:'96px'
    });
});

请帮我解决这个问题。我是 php 和 JS 的新手。在此先感谢。

【问题讨论】:

标签: javascript php jquery arrays


【解决方案1】:

当您使用 jquery 库时,您可以使用$.getJSON()(或 $.ajax 或其他方法)

var ARRAYFROMPHP = [];
$.getJSON('index.php', function(data){
 ARRAYFROMPHP = data;
});

【讨论】:

    【解决方案2】:

    你必须将你的 PHP 数组传递给 JS。

    echo '<script>var arrayFromPhp = ' . json_encode($arr) . ';</script>';
    

    之后,您可以访问 JS 文件中变量 arrayFromPhp 中的数组。

    并不是说 JS 没有关联数组,所以您的示例将是一个对象。

    【讨论】:

      【解决方案3】:

      调用为您提供 json 数组的 url,然后像这样触发迷你图..

      $(function  ()  {
          $.getJSON('your_url_for_json',{},function(response) 
          {           
              $('#barchart').sparkline(response, {
                      type: 'bar', 
                     barColor: '#3B5998',    
                     height:'35px',
                     weight:'96px'
                 });  
      
          }); 
      });
      

      【讨论】:

        【解决方案4】:

        js中可以直接使用json字符串:

        console.log(ARRAYFROMPHP['a']);
        

        【讨论】:

        • 感谢您的回复,请您详细解释一下如何实现它。
        【解决方案5】:

        PHP 是服务器端语言,而 JS 是客户端语言。你们不能直接互相交谈。使用某种 Web 服务或 Ajax 进行交互。

        $.ajax({
        url: 'Call URL',
        type: "GET",
        dataType: "json",
        success: function (data) {
            //Date will be your JSON returned from the PHP.
            alert(data)
        }
        });
        

        【讨论】:

          猜你喜欢
          • 2020-12-25
          • 1970-01-01
          • 2021-01-07
          • 2019-02-01
          • 1970-01-01
          • 2018-05-04
          • 2017-09-03
          • 2016-05-13
          • 2021-03-01
          相关资源
          最近更新 更多