Get php array in jQuery?

Question

Trying to retrieve the values of name and city in jquery. It seems PHP result is returned as an array in jQuery.

<?php 
$val = array(
    name => $_POST["name"],
    city => $_POST["city"]
);

foreach($val as $res) {
    echo $res;
}
?>

$(document).ready(function(){
    $.post("get.php",
        {
            name : "fakename",
            city : "fakecity" 
        },
        function(data){
            // returns name and city as a single array
            alert(data);
            // how to get it as an associative array
            // desired result :
            //* alert(data.name); 
            //* alert(data.city);
        }
    );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Why not use JSON?

Machavity
– Machavity ♦

2016-12-14 14:48:11 +00:00
Commented Dec 14, 2016 at 14:48 — Machavity
– Machavity ♦, Commented Dec 14, 2016 at 14:48
I have tried using JSON.parse(), but it didn't worked out.

YSuraj
– YSuraj

2016-12-14 14:49:29 +00:00
Commented Dec 14, 2016 at 14:49 — YSuraj
– YSuraj, Commented Dec 14, 2016 at 14:49

HeavyNounours · Accepted Answer · 2016-12-14 14:52:28Z

3

Use JSON :

<?php

$val = [
    'name' => $_POST["name"],
    'city' => $_POST["city"]
];
echo json_encode($val);
die(); 

?>

In your JS :

$.ajax({
    url: 'get.php',
    type: 'POST',
    data: {
        name: 'fakename',
        city: 'fakecity'
    },
    dataType: 'json'
}).done(function(ret){
    console.log(ret.name, ret.city);
});

answered Dec 14, 2016 at 14:52

HeavyNounours

4183 silver badges17 bronze badges

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

Comments

Stuart · Accepted Answer · 2016-12-14 14:53:28Z

0

In your PHP, just return a json encoded array:

<?php
$val=array(
    name => $_POST["name"],
    city => $_POST["city"]
);
echo json_encode($val);
?>

and then in your JS you can pretty much do as you were:

$(document).ready(function(){
    $.post("get.php",
    {
        name : "fakename",
        city : "fakecity" 
    },
    function(data){
        // returns name and city as a single array
        alert(data);
        // how to get it as an associative array
        // desired result :
        //* alert(data.name); 
        //* alert(data.city);
    });
});

answered Dec 14, 2016 at 14:53

Stuart

6,7692 gold badges29 silver badges42 bronze badges

Comments

RiggsFolly · Accepted Answer · 2016-12-14 14:54:38Z

0

Send the data as a JSON String, then in javascript it is recieved as a javascript object.

Use the 4th param on the jQuery.post( url [, data ] [, success ] [, dataType ] ) call to specifiy to the js that data will be returned as json.

<?php

    $val=array(
             name => $_POST["name"],
             city => $_POST["city"]
            );
    echo json_encode($val);
?>

Then in the js

$(document).ready(function(){
      $.post("get.php", {name : "fakename",city : "fakecity"},
             function(data){
                //alert(data);
                alert(data.name); 
                alert(data.city);
       },'json');                    // extra param specifying returned data will be json
  });

answered Dec 14, 2016 at 14:54

RiggsFolly

94.7k22 gold badges108 silver badges152 bronze badges

Collectives™ on Stack Overflow

Get php array in jQuery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related