Retrive array from php with ajax and assign it to a variable

Asked Mar 08 '16 at 13:10

Active Mar 08 '16 at 13:40

Viewed 82 times

I'm trying to create a line chart using chart.js and I want to pass the axis (the labels in this case) from a php file, this:

<?php  
$new_labels = array('January', 'February', 'March', 'April', 'May', 'June', 'July');
echo json_encode($new_labels);
?>

with this javascript:

         function retrieveLabel(label) {
              $.ajax({
                  url: "sys/class/profilesGraphHandler.php",
                  type: "GET",
                  success: function (data) {
                      label(data);
                  }

              });
          }

          retrieveLabel(function (output) { new_labels = output, console.log(new_labels) });

The console shows me that there are 7 elements in the array I retrieve from the php file but the labels are not shown anyway.

var areaChartData = { labels: new_labels , dataset....};

How can I pass the "new_labels" from the ajax to the labels of the areaChartData ?

edited Mar 08 '16 at 13:40

asked Mar 08 '16 at 13:10

user2431729

1

The code that is using the response from the AJAX should be used inside the `success` callback i.e. after the completion of the Asynchronous call. – Tushar Mar 08 '16 at 13:12
show us your console result. – K. Uzair Mar 08 '16 at 13:19
the console result is only a number, 7 – user2431729 Mar 08 '16 at 13:24
Why are you doing console.log(new_labels.length) ? Dont put .length if you want actual results. It's outputting 7 because you have 7 elements in your object – SamyQc Mar 08 '16 at 13:34
http://stackoverflow.com/questions/4935632/parse-json-in-javascript Hope this helps – Deep Kakkar Mar 08 '16 at 13:35
I modified the javascript and now in the console there is the exact array I passed in the php, but I'm not able to assign it to "labels" – user2431729 Mar 08 '16 at 13:42
please give output of data variable in get in success function. – Shivani P Mar 08 '16 at 13:43
and exactly how can I do it? – user2431729 Mar 08 '16 at 13:50
1

add a `console && console.log(data);` inside the success callback – awinwood Mar 08 '16 at 13:58
thanks to all guys but I resolved using this: '' – user2431729 Mar 08 '16 at 14:04
check once http://www.bin-co.com/php/scripts/array2json/ – Deep Kakkar Mar 08 '16 at 14:05
put your solution in your answers so that all can see the solution. – Deep Kakkar Mar 08 '16 at 14:06

Retrive array from php with ajax and assign it to a variable

0 Answers0