P2PU API Test

by dandiebolt

HTML

<script src="https://raw.github.com/jquery/jquery-tmpl/master/jquery.tmpl.min.js"></script>
<script id="template" type="text/x-jquery-tmpl">
    <h3>${user.name} (${user.handle})<h3>

    <h3>Badges</h3>
    <ul>
    {{each(i, badge) user.badges}}
        <li>${badge.name}<img src="${badge.image}"></li>
    {{/each}}
    </ul>
    <hr/>
    <ul>Activities
    {{each(i, activity) activities}}
        <li>${i + 1}: ${activity.id}. </li>
    {{/each}}
    </ul>
</script>

<div id="info"></div>

JavaScript

var url ="https://gist.github.com/raw/1291496/28c539f195e66d0402f4a4d61f78f6261a0bc8a2/P2PU_GetUserProfile.js";
$.getScript(url,function(){
    $("#template").tmpl(data).appendTo("#info");
    console.log(data);
});