How to get value in JavaScript array

Question

I'm trying get a value inside a JavaScript array from the output of an AJAX request.

Ajax request:

$.ajax({
    url: "ajax-test.php",
    type: "POST",
    data: "sku=800270",
    dataType: "html"

    }).done(function(resposta) {

        console.log(resposta);
}

Ajax-Test.php:

$produto[] = array('sku'    => $product->getSku(),
                   'name'   => $product->getName());

var_dump($produto[0]);

Returns:

array(6) {
  ["sku"]=>
  string(6) "000188"
  ["name"]=>
  string(80) "Cuba Gastronômica Aço Inoxidável para Buffet GN 1/2×65mm (325x265mm) - 812-2"
}

I need to access the values inside the array, something like:

var sku = resposta["sku"]

In my tests if I try to print resposta["sku"] its giving me "undefined variable".

Change dataType: "html" to dataType: "json"

Tushar
– Tushar

2016-08-29 13:26:02 +00:00
Commented Aug 29, 2016 at 13:26 — Tushar
– Tushar, Commented Aug 29, 2016 at 13:26

eisbehr · Accepted Answer · 2016-08-29 13:28:21Z

2

On php side you need to change var_dump($produto[0]); to echo json_encode($produto[0]). On JS side you need to change your request to dataType: "json", because it is not a html response. Then you can access the fields by the property names.

var sku  = resposta.sku;
var name = resposta.name;

Your aproach is not wrong to, to access by a string:

var sku  = resposta["sku"];
var name = resposta["name"];

So for conclusion, your php:

$produto[] = array(
    'sku'    => $product->getSku(),
    'name'   => $product->getName()
);

echo json_encode($produto[0]);

Your AJAX request:

$.ajax({
    url: "ajax-test.php",
    type: "POST",
    data: "sku=800270",
    dataType: "json"
}).done(function(resposta) {
    var sku  = resposta.sku;
    var name = resposta.name;

    console.log(sku, name);
}

edited Aug 29, 2016 at 13:28

answered Aug 29, 2016 at 13:27

eisbehr

12.5k8 gold badges42 silver badges65 bronze badges

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

2 Comments

T.J. Crowder Over a year ago

It wouldn't be $produto[0], though, would it? Edit: Oh, yes, I see, it would be. Probably make more sense just to drop the []: $produto = array('sku' => $product->getSku(), 'name' => $product->getName()); echo(json_encode($produto));

eisbehr Over a year ago

This belongs to what he want to to. Because he uses $produto[] to assign another array, $produto[0] isn't wrong here. It would work. But if he want to have more products there, he have to use echo json_encode($produto); and do more actions on JS side ... but that belongs to the usecase. @T.J.Crowder

RomanPerekhrest · Accepted Answer · 2016-08-29 13:30:17Z

1

Set a proper dataType for ajax object as dataType: "json"

Change your Ajax-Test.php file content as shown below(to send a proper json responce):

$produto[] = ['sku' => $product->getSku(), 'name' => $product->getName()];       
echo json_encode($produto[0]);

answered Aug 29, 2016 at 13:30

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

Collectives™ on Stack Overflow

How to get value in JavaScript array

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related