I am quite new to objects and OOP. I really don't know how to explain it well but I'll try.

So I am trying to read though JSON with JS, the JSON is passed from PHP. This would be easy if all of the information was on the same html page, but I' am trying something that I am new too.

So let me show my code...

First is the JS which is in app.js

   var Donors = function(){
    var api = this.list;

    $(document).ready(function(){
      $.getJSON(api, function(){
        var donorObj = api.payload;
        $.each(donorObj, function(i, donor){
          //console.log(donor.ign);
        });
      });
    });

   }

What I want this part to do is read from the JSON I'm giving it and console.log each name (or donor.ign) when the document is ready.

On the html page, or header.php

<script>
$(function(){
    var list = <?php cbProxy(); ?>;
    var Dons = new Donors();
    Dons.list = list;
    });
</script>

the data that's in list is the below JSON. You already know what the rest does, it just passes the JSON to the Donors() function.

JSON example:

{
"code": 0,
"payload": [
{
"time": 1349661897,
"packages": [
"49381"
],
"ign": "Notch",
"price": "15.99",
"currency": "USD"
}

I'm use to just making functions and calling it on the same page or file and this is my first doing this kind of function. How can I get the function to run with the data I sent it so it console.log() each name.