如何将php数组传递给另一个js文件

Question

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

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

我想要另一个函数名为fetchvalue.js的jquery函数中的$ arr值，

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

请帮助我。 我是php和JS的新手，谢谢。

Answer 1

使用jquery库时，可以使用$.getJSON() （或$ .ajax或其他方法）

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

Answer 2

您必须将PHP数组传递给JS。

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

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

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

Answer 3

调用提供给您json数组的网址，然后触发这样的迷你图。

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

    }); 
});

Answer 4

您可以直接在js中使用JSON字符串：

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

Answer 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)
}
});