using jquery getJSON, how can I access a json array to select one element?

Question

Using the Plivo api, I am making a getJSON call, so the following is returned:

[
  {
    "group_id":"31505537702425",
    "number_type":"local",
    "prefix":"347",
    "region":"New York, UNITED STATES",
    "rental_rate":"0.80000",
    "resource_uri":"/v1/Account/MAMTE4MTHJNJRKODBIMD/AvailableNumberGroup/31505537702425/",
    "setup_rate":"0.00000",
    "sms_enabled":true,
    "sms_rate":"0.00450",
    "stock":46,
    "voice_enabled":true,
    "voice_rate":"0.00850"
    }
]

I can access it with this["region"], for example, which allows me to print New York, UNITED STATES. No problem.

But with this array:

{
    "api_id":"2653f0d4-c4a3-11e3-9c37-22000ac7849b",
    "message":"created",
    "numbers":[
      {
        "number":"13474749242",
        "status":"Success"
      }
    ],
    "status":"fulfilled"
}

the same approach, this["number"]returns "undefined.

The full code is:

function buy_number(id) {
       $("#results").html('')
       $("#results").html('renting your number.... hang on a sec');
        var group_id = id;
        $.getJSON("/rentnumber?group_id="+group_id, function(data) {
          $.each( data, function( key, value ) {
          $("#results").html("");
          $("#results").append('<p>You just bought '+this["number"]+'</p>');
                     });
               });
        }

It works, the number is bought but I cannot display the result on the user page. all help appreciated as always.

Can you try this --- this["numbers"]["number"] – user944938 Apr 15 '14 at 13:57 — user944938, Apr 15 '14 at 13:57

score 0 · Accepted Answer · answered Apr 15 '14 at 13:59

0

Just do:

this.numbers.number

or

this["numbers"].number

instead of what you are doing

answered Apr 15 '14 at 13:59

Amit Joki

58,320
7
77
95

score 0 · Answer 2 · answered Apr 15 '14 at 14:01

0

You can use:

$.each(data.numbers, function (key, value) {
    $("#results").html("");
    $("#results").append('<p>You just bought '+this["number"]+'</p>');
});

Fiddle Demo

answered Apr 15 '14 at 14:01

Felix

37,892
8
43
55

this works great, the others above don't seem to. Thanks to everybody for the input, really appreciate it. – user1903663 Apr 16 '14 at 00:00

Mir Gulam Sarwar · Answer 3 · 2014-04-15T14:09:24.720

0

below will work even if you have multiple items in numbers array Demo

              var i=0;
              $.each(data,function(index,item){  
              alert(item.numbers[i].number);
              i++;
              });

edited Apr 15 '14 at 14:09

answered Apr 15 '14 at 14:01

Mir Gulam Sarwar

2,588
2
25
39

score 0 · Answer 4 · answered Apr 15 '14 at 14:03

0

You will need to do:

this["numbers"][0]["number"];

As "numbers" is an array not an object so you need the first array element of numbers.

answered Apr 15 '14 at 14:03

Ian A

5,622
2
22
31

score 0 · Answer 5 · answered Apr 15 '14 at 14:17

0

You have to use

    this["numbers"]["number"]

because number is inside numbers

answered Apr 15 '14 at 14:17

HarisJayadev

92
12

using jquery getJSON, how can I access a json array to select one element?

5 Answers5