How to pass php array to another js file

Question

I have index.php file where i have a php array like this,

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

and i want the $arr value in jquery function which is in another file named fetchvalue.js,

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

Please help me out in this. I am new to php and JS.Thanks in advance.

You'll have to print the array, so you van use it in javascript. Take a look at this answer: How to use an array value from php to javascript? — annemartijn
– annemartijn, Commented Mar 4, 2014 at 11:06
possible duplicate of How to use an array value from php to javascript? — annemartijn
– annemartijn, Commented Mar 4, 2014 at 11:09
@pattle .sparkline is piechart where the values in the array is used to draw them. — user1071321
– user1071321, Commented Mar 4, 2014 at 11:11
@annemartijn the link you shared is for php and JS in same where i have asked for php and js in different files. thanks — user1071321
– user1071321, Commented Mar 4, 2014 at 11:12

Aditya · Accepted Answer · 2014-03-04 11:32:37Z

2

As you use jquery library , you can use $.getJSON() ( or $.ajax , or other method)

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

edited Mar 4, 2014 at 11:32

Aditya

4,4733 gold badges30 silver badges40 bronze badges

answered Mar 4, 2014 at 11:07

Asenar

7,0863 gold badges44 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Robin Webdev · Accepted Answer · 2014-03-04 11:06:11Z

1

You have to pass your PHP array to JS.

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

after that you can access the array in your JS file in the variable arrayFromPhp.

Not that JS doesnt have associative arrays so your example would be an object.

answered Mar 4, 2014 at 11:06

Robin Webdev

4792 silver badges7 bronze badges

Comments

Aditya · Accepted Answer · 2014-03-04 11:07:41Z

1

Call your url that gives you the json array and then trigger sparklines like this..

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

    }); 
});

answered Mar 4, 2014 at 11:07

Aditya

4,4733 gold badges30 silver badges40 bronze badges

Comments

Justinas · Accepted Answer · 2014-03-04 11:04:14Z

0

You can use JSON string directly in js:

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

answered Mar 4, 2014 at 11:04

Justinas

43.9k5 gold badges72 silver badges108 bronze badges

1 Comment

user1071321 Over a year ago

Thanks for the reply can you please explain me in little detail how to achieve it.

Ankur Aggarwal · Accepted Answer · 2014-03-04 11:06:26Z

0

Php is server side language while JS is client side. You cannot make talk to each other directly. Use some sort of web service or Ajax to interact.

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

answered Mar 4, 2014 at 11:06

Ankur Aggarwal

3,0915 gold badges34 silver badges57 bronze badges

Collectives™ on Stack Overflow

How to pass php array to another js file

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related