Using jQuery to get json data returns invalid label error

Question

I have this code, and have also tried something similar using the $.getJson function:

jQuery(document).ready(function(){
    var kiva_url = \"http://api.kiva         


        

Answer 1

Where does the error occur? Does error occur when you try to loop through the ajax data and append it to the inner_div? If yes, please show us what the data.loans look like.

Also, there is a typo in your code:

            jQuery.each(data.loans, function(i, loan){
                    jQuery("#inner_div").append(loan.name + "
"); //It should be loan.name and not laon.name
            });
    },