sending array from php to jquery

Question

how do i pass an array from php to jquery both are in same file , i just have an array named $array2 with data that will be used to make graph below code is using chartdata but i want to use variable from my php script

 <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
var chart;

var chartData = [{
    student: 5,
    marks: 0},
{
    student: 8,
    marks: 50},
{
    student: 10,
    marks: 100}];


AmCharts.ready(function() {
    // SERIAL CHART
    chart = new AmCharts.AmSerialChart();
    chart.dataProvider = chartData;
    chart.categoryField = "marks";
    chart.startDuration = 1;

    // AXES
    // category
    var categoryAxis = chart.categoryAxis;
    categoryAxis.labelRotation = 90;
    categoryAxis.gridPosition = "student";

    // value
    // in case you don't want to change default settings of value axis,
    // you don't need to create it, as one value axis is created automatically.
    // GRAPH
    var graph = new AmCharts.AmGraph();
    graph.valueField = "student";
    graph.balloonText = "[[category]]: [[value]]";
    graph.type = "column";

    graph.lineAlpha = 0;
    graph.fillAlphas = 8.4;
    chart.addGraph(graph);

    chart.write("chartdiv");
});
 </script>

Check this: php.net/manual/en/function.json-encode.php

techfoobar
– techfoobar

2013-07-18 05:48:26 +00:00
Commented Jul 18, 2013 at 5:48 — techfoobar
– techfoobar, Commented Jul 18, 2013 at 5:48

sudhakar · Accepted Answer · 2013-07-18 05:57:50Z

1

you can use json data to pass php to jquery.

in php

$php_data = json_encode($your_php_data_in_array);

assigning to jquery

var data = <?php echo $php_data ;?>

getting the value in jquery

var chart_data_arr = json_decode(data);

now you have the data in array in jquery.

answered Jul 18, 2013 at 5:57

sudhakar

5721 gold badge3 silver badges13 bronze badges

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

Comments

Somesh · Accepted Answer · 2013-07-18 05:49:50Z

0

The simplest (and not necessarily the most scure/efficient/modular/blah blah) possible way you can just dump it using json_encode

var chartData = [{
    student: 5,
    marks: 0},
{
    student: 8,
    marks: 50},
{
    student: 10,
    marks: 100}];

//Instead
var chartData=<?php echo json_encode($chartdata)?>

Alternately, you would pass it using a json action that will render the json at a certian link and use jquery to query this url and then generate the chart with that data.

answered Jul 18, 2013 at 5:49

Somesh

112 bronze badges

2 Comments

mughees ilyas Over a year ago

quite didnt get ur alternate solution can u explain a bit more

Somesh Over a year ago

ajax. hyou have a script chartdata.php which does the echoing of the json encoded data. then you make an ajax call to chartdata.php and get the data in a variable $.get("chartdata.php", function(){generateChart(data),"json"}

abhinsit · Accepted Answer · 2013-07-18 05:50:33Z

0

To use php data in javascript use:-

var javascriptVariable = <?php echo json_encode($php_array); ?>;

So javascriptVariable would become an object/array as per your php data.

answered Jul 18, 2013 at 5:50

abhinsit

3,2574 gold badges23 silver badges26 bronze badges

Comments

Prasanth Bendra · Accepted Answer · 2013-07-18 05:51:17Z

0

Try this :

<?php 

  $your_php_array = array(.....);
?>
var chartData = <?php json_encode($your_php_array)?>;

ref: http://php.net/manual/en/function.json-encode.php

answered Jul 18, 2013 at 5:51

Prasanth Bendra

33.1k9 gold badges56 silver badges74 bronze badges

Collectives™ on Stack Overflow

sending array from php to jquery

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related