Javascript/Jquery Parse Json request

Question

So my page make a request to a php page and that page return a JSON with an array result PHP Return Example: {"name":["Zizi","Zizi"],"position":["86","86"],"points":["26","26"]}

Every name, position (json array ?) have multiple values how can I parse very value like I'm using this code:

    $('#getdata-button').live('click', function(){
    $.getJSON('all.php', function(data) {
        $('#showdata').html("<p>item1="+ data.name +"</p>");*/
    });
});

With this the jQuery type Zizi,Zizi, How can i ready or count the values inside the "name"

Amit Joki · Accepted Answer · 2014-04-11 14:40:02Z

1

.length is properties of array that gives you their count.

Use that like this: data.name.length;

Also, getJSON will only give you JSON string.

You've to parse it.

Do this:

$.getJSON('all.php', function(data) {
      data = JSON.parse(data);
      var length=data.name.length;
      $('#showdata').html("<p>item1="+ data.name +"</p>");*/
});

edited Apr 11, 2014 at 14:40

answered Apr 11, 2014 at 14:29

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

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

2 Comments

Lugia101101 Over a year ago

data is an object, using data.name accesses the value of the name key in the object and name.length returns the length of the value which is an array.

user2942910 Over a year ago

data.name.length return me undefined X:

user2942910 · Accepted Answer · 2014-04-11 14:50:16Z

0

Found a solution I do not know if it's the most correct

    $('#getdata-button').live('click', function(){
    $.getJSON('all.php', function(data) {
      $(data.name).each(function(index){
                 $('#showdata').append('<p>Name = ' + data.name[index] +' Position= ' + data.position[index] + ' Points = ' + data.points[index] + '</p>');     
            });
    });
});

answered Apr 11, 2014 at 14:50

user2942910

1731 gold badge3 silver badges9 bronze badges

Collectives™ on Stack Overflow

Javascript/Jquery Parse Json request

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