Access PHP Array within jQuery (Ajax, JSON)

Question

I have the following PHP code which encodes a PHP array:

Code

$js_array = json_encode($tmp);

Output

{
 "frfgt55":["ABC","frfgt55","Aberdeen"],
 "vfrgt6":["ABC","vfrgt6","Birmingham"],
 "vbgtfdh67":["XYZ","vbgtfdh67","Leeds"],
 "vfe5gb":["XYZ","vfe5gb","Bristol"],...
}

What I am struggling with is to then access this within a jQuery script. I know I should be making use of $.getJSON but I am struggling with its implementation as my Ajax knowledge is limited. I cannot see how this would access the variable that as been encoded.

Ajax code

$.getJSON('../_client/index.php', function(data) {
    /* data will hold the php array as a javascript object */
});

Any advice, feedback and comments welcomed.

Answer 1

If I well understood your needs you can access data with:

$.getJSON('../_client/index.php', function(data) {
    /* data will hold the php array as a javascript object */
    console.info(data.frfgt55); //accessing the first item of the array
});

---

EDIT

In order to handle success and error code I suggest you to use the promise interface and so replace the current $.getJSON() code with:

$.getJSON('../_client/index.php')
.success(function(response) { console.info(response); alert("success"); })
.fail(function(jqXHR, status, error){ console.info(error); alert("error"); });

Answer 2

If I am correct then check this code it will help you

$.getJSON('../_client/index.php', function(data) {
    for(var key in data) { // In comment check first loop data for each record.
       // key = 'frfgt55'; // For 1st loop
        var yourArrayRecord = data[key]; // For 1st loop <- ["ABC","frfgt55","Aberdeen"]
        var perticularValue1 = yourArrayRecord[0]; // For 1st loop <- "ABC"
        var perticularValue2 = yourArrayRecord[1]; // For 1st loop <- "frfgt55"
        var perticularValue3 = yourArrayRecord[2]; // For 1st loop <- "Aberdeen"
    }
});