How to convert my PHP array to a Javascript array in laravel 4

Question

in my controller i have an array which i have populated from my database and stored which looks like this and is called dataset2

    array(2) {
      ["April"]=> int(92)
      ["May"]=>  int(86)
    }

In my view i can dd{{}} on the array and see this is the structure.

Now I want to convert it into a javascript array so i can use flot to make it into a graph.

my Javascript within my view looks like this

 <script language="javascript" type="text/javascript">
    $(function () {

        var data1 = [
            ["April", 13],
            ["May", 20],
         ];

   var data2 = [<?php echo json_encode($dataset2 );?>];

   $.plot("#placeholder", [{
       data: data1,
       label: "NewBeach"
   }, {
       data: data2,
       label: "Sandhills"
   }], {
       series: {
           lines: { show: true },
           points: {
              show: true,
              barWidth: 0.1,
              align: "center"
           }
       },
       xaxis: {
           mode: "categories"
       },
        yaxis: {
       },
       grid: { 
           hoverable: true, 
           clickable: true 
       }
   });
});
</script>

Am i missing something when converting it?, as it doesnt draw anything with the JSON_encode array but does with the hard coded one. From what i have read it seems as though thats all i need. Is it because of the values within my array?

Kind regards Mike

you have already done it: var data2 = <?php echo json_encode($dataset2 );?>; just remove[] — Fury
– Fury, Commented May 14, 2014 at 13:42

Fury · Accepted Answer · 2015-11-26 10:30:47Z

7

you have already done it: var data2 = ; just remove the brackets [ ]

also assign key to your array e.g. array('key'=>'value')

$array = array(label=>value, name=>value);

var data2 = <?php echo json_encode($dataset2 );?>;

edited Nov 26, 2015 at 10:30

answered May 14, 2014 at 13:43

Fury

4,7867 gold badges54 silver badges83 bronze badges

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

2 Comments

dotty Over a year ago

This is correct, $arr = array('name'=>'bart', 'friend'=>'milhouse'); print json_encode($arr); returns {"name":"bart","friend":"mil house"}

Mike Over a year ago

Thanks for your help took me a couple of mins to get my head round it now but its clear now, thanks for your time.

Laurence · Accepted Answer · 2014-05-14 13:54:56Z

5

As an alternative to the other answers - you could consider using a package for this. Jeffrey Way from Laracasts made this package laracasts/PHP-Vars-To-Js-Transformer

JavaScript::put('data2', $dataset2);

answered May 14, 2014 at 13:54

Laurence

60.3k22 gold badges178 silver badges215 bronze badges

1 Comment

Mike Over a year ago

Thanks for your answer i will have to use this later on for sure. Im probably not using laravel to its full potential.

Jite · Accepted Answer · 2014-05-14 13:48:21Z

2

Your php array is an associative array, and that will be converted into a javascript object:

array(2) {
  ["April"]=> int(92)
  ["May"]=>  int(86)
}
// Will be:
{
  "April": 92,
  "May": 86
}
// When you `json_encode` it.

If you wish it to look like your data1 javascript array, it will have to look something like this in php:

$array = Array(
  Array("April", 92),
  Array("May", 86)
);

In the above array, you put the objects in as arrays instead, which will produce an array with arrays (multi dimensional array) for javascript after json_encode.

answered May 14, 2014 at 13:48

Jite

5,8772 gold badges28 silver badges40 bronze badges

Collectives™ on Stack Overflow

How to convert my PHP array to a Javascript array in laravel 4

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related