Question

63

How to access JSON encoded data of an array using javascript

rated 0 times [ 65] [ 2] / answers: 1 / hits: 39372 / 11 Years ago, fri, january 10, 2014, 12:00:00

How can i access this response from server using javascript.
This is the json encoded data.

      [{cid:1234,city:value1,district:value2,state:value3}]

Thanks in advance.

This is the ajax code:

 function cityauto(ctid){

     var city = document.getElementById(ctid);

     if(city.value.length > 3){

         $.ajax({

             type: GET,

             url: city.php,

             data: {term: city.value},

             success: function (data){

                 alert(data);

             }

         });

 }

Html code:

   <input type=text name=city id=cty onblur=cityauto(this.id); />

onblur i am getting above response from php file in alert box now i need to access that values in javscript.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

josefn

Add To Favorites

Follow

Total Points: 251

Total Questions: 93

Total Answers: 84

Location: Senegal

Member since Fri, Aug 21, 2020

4 Years ago

josefn questions

1 Vue 3: How to update component props value correctly using composition api?

Thu, Nov 11, 21, 00:00, 3 Years ago

1 Does Array.find method return a copy or a reference of the matched element form given array?

Sun, Jun 21, 20, 00:00, 4 Years ago

1 How to get the modulus and exponent of an RSA public key in Node.js

Wed, Apr 29, 20, 00:00, 4 Years ago

1 How to use setTimeout with a Loader

Sat, Mar 28, 20, 00:00, 4 Years ago

1 How do I implement Socket.IO in an electron app?

Fri, Feb 21, 20, 00:00, 4 Years ago

View All

answered 11 Years ago josefinap · Accepted Answer

Assuming the JSON is returned as a string:

var data = '[{cid:1234,city:value1,district:value2,state:value3}]';

// Parse the data as json

var obj = JSON.parse(data)

// Access the ojbect:

console.log(obj);

console.log(obj[0]);     // == Object {cid: 1234, city: value1, district: value2, state: value3} 

console.log(obj[0].cid); // == 1234

The [0] is to access the first object inside the JSON, which is an array. Then you just add .name, where 'name' is the name of the variable you want. (like .cid).

If the JSON is already a object, you can skip the JSON.parse():

var obj = [{cid:1234,city:value1,district:value2,state:value3}];

And access it like the example above.

(In that case, this question is more about accessing JavaScript objects, instead of JSON)

In your case, you can access the data like this:

success: function (data){

    var obj = JSON.parse(data);

    // Do stuff with `obj` here.

}