Using JSONP

JSONP allows JSON data to be retrieved via <script> tags across domains.

To use JSONP, append the parameter ?callback= to JSON requests in the Fanvibe API to wrap the response with the specified callback function name.

• Example: jQuery
• Example: Javascript
• Working with response data

Example: jQuery

$.getJSON("http://fanvibe.com/api/users/logged_in.json?callback=?", function(data) {
    var loggedIn = data["logged_in"]; // loggedIn now a bool 
});

Example: Javascript

<script type="text/javascript" src="http://fanvibe.com/api/users/logged_in.json?callback=isLoggedIn"></script>
<script type="text/javascript">
    function isLoggedIn(data) {
        var loggedIn = data["logged_in"];
    }
</script>

Working with response data

/* Print all returned games to console */
function callback(data) {
    // data contains an associative array
    // { "response": {"games": []}, {"leaderboard": []}, {"awards": []} }

    var games = data["response"]["games"];
    var leaderboard = data["response"]["leaderboard"];
    var awards = data["response"]["awards"];

    for (var i = 0; i < games.length; i++) {
        console.log(games[i]["away_team"]["team_name"] + " vs. " + games[i]["home_team"]["team_name"]);
    }
}