How to get PHP array values in jQuery

Question

I have a PHP script that sends this array to the client via ajax:

Array
(
    [0] => $209.90
    [1] => $20.99
    [2] => $188.91
)

I am sending the array to the client this way:

return $servicePrices;

I have this jQuery statement:

success: function(data) {
  //console.log('Success'+data);
  $( '#tourSubtotal' ).val( data[0] );
  $( '#tourDiscount' ).val( data[1] );
  $( '#tourTotal' ).val( data[2] );
},

My results for each ID value are A, r and r. Instead, how can I get the 3 currency data values from the array in my ajax jQuery?

Did you parse your PHP array into a JSON object or something like that? — r3dst0rm
– r3dst0rm, Commented Jun 14, 2018 at 10:30
See my amended OQ @MasivuyeCokile on how I send the array from PHP to jQuery -- thanks. — H. Ferrence
– H. Ferrence, Commented Jun 14, 2018 at 10:34
@H.Ferrence Based on my answer, would you like to post the full code of PHP and I can help you design your end-point to make changes. Or you wanna take it from my answer and give me a shout if you are stuck or something. — Praveen Kumar Purushothaman
– Praveen Kumar Purushothaman, Commented Jun 14, 2018 at 10:36

Martijn · Accepted Answer · 2018-06-14 10:36:29Z

7

It looks like you are using print_r() function to display this:

Array
(
    [0] => $209.90
    [1] => $20.99
    [2] => $188.91
)

In that format it's just as useful as any string is. You have to use json_encode() to convert it to a format both languages understand like:

["$209.90", "$20.99", "$188.91"]

Your PHP code should be something like:

<?php
  $json = some_value;
  // Remove this:
  // print_r($json);
  // Instead, write this:
  echo json_encode($json);
?>

And then you can use it in JavaScript, the way you have specified. Also, jQuery is smart enough to understand that the response is JSON and you don't need JSON.parse() in most of the cases.

edited Jun 14, 2018 at 10:36

Martijn

16.2k4 gold badges39 silver badges73 bronze badges

answered Jun 14, 2018 at 10:32

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

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

3 Comments

Martijn Over a year ago

I've added the "string" part to try to clearify that like that it's not an array, but a string

Amadan Over a year ago

"jQuery is smart enough to understand that the response is JSON" - if the server is well-behaved and sets correct Content-Type header, or the client forces dataType or uses $.getJSON. If no such hints are present, jQuery should opt for safety and do no extra processing.

Praveen Kumar Purushothaman Over a year ago

@Amadan Yep, agreed. :D

Kishen Nagaraju · Accepted Answer · 2018-06-14 10:32:25Z

3

You can return the array in a JSON encoded format from PHP as mentioned below:

$result = array(
    '0' => '$209.90'
    '1' => '$20.99'
    '2' => '$188.91'
);
return json_encode($result);

And on the AJAX success function you can use :

success: function(data) {
   var temp = JSON.parse(data);
   $( '#tourSubtotal' ).val( temp[0] );
   $( '#tourDiscount' ).val( temp[1] );
   $( '#tourTotal' ).val( temp[2] );
},

Hope this helps.

answered Jun 14, 2018 at 10:32

Kishen Nagaraju

2,21011 silver badges17 bronze badges

2 Comments

Amadan Over a year ago

With the right MIME type and/or jQuery $.ajax option dataType, you don't actually need JSON.parse, jQuery does it for you.

H. Ferrence Over a year ago

Worked perfectly @Kishen Nagaraju !! Thanks !

Collectives™ on Stack Overflow

How to get PHP array values in jQuery

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related