Google API Json Ajax/Jquery Call

Question

I'm trying to display data from a Google API, but keep getting "undefined" as my results. Here is my code:

$(document).ready(function() {
var url='https://www.googleapis.com/books/v1/volumes?q=harry+potter&maxResults=9'
    $('#button').click(function() {
        $.getJSON(url,function(data){
            $('#content').empty();
            $.each(data, function(entryIndex, entry){
                var html = '<div class="result">';                    
                html += '<h3>' + entry['id'] + '</h3>';
                html += '<div class="title">' + entry['title'] + '</div>';                  
                html += '<div class="author">' + entry['author'] + '</div>';                                        
                $('#content').append(html);
            });                        
        });
        return false;
    });
});

Stan Cromlish · Accepted Answer · 2013-03-07 12:27:13Z

2

Your code should look as follows to get the information you desire for the API:

$(document).ready(function() {
var url='https://www.googleapis.com/books/v1/volumes?q=harry+potter&maxResults=9'
$('#button').click(function() {
    $.getJSON(url,function(data){
        $('#content').empty();
        $.each(data.items, function(entryIndex, entry){
            var html = '<div class="result">';                    
            html += '<h3>' + entry.id + '</h3>';
            html += '<div class="title">' + entry.volumeInfo.title + '</div>';                  
            html += '<div class="author">' + entry.volumeInfo.authors + '</div>';                                        
            $('#content').append(html);
        });                        
    });
    return false;
    });
});

The issue was that the loop was only counting the one row. You needed to get it to count the number of items in the list. That is handled by putting 'data.items' so that it is able to get an accurate count. I'm sorry I didn't catch this earlier. Let me know if this fixes your issue.

edited Mar 7, 2013 at 12:27

answered Mar 6, 2013 at 14:56

Stan Cromlish

4835 silver badges10 bronze badges

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

3 Comments

user2140126 Over a year ago

Thank you for your help! But it still doesn't seem to be working: pixeloft.com/clients/popdust

Stan Cromlish Over a year ago

I have edited my answer to give you the solution to the problem after doing a sample myself in the Javascript console for your site.

Stan Cromlish Over a year ago

Not a problem! Glad I could help.

Collectives™ on Stack Overflow

Google API Json Ajax/Jquery Call

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related