OWNER の友達のプロフィールを取得して、ID、名前、サムネイルをリスト表示します。

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="People - opensocial-jquery">
<Require feature="dynamic-height" />
<Require feature="opensocial-0.8" />
</ModulePrefs>
<Content type="html"><![CDATA[
<script type="text/javascript" src="http://example.com/opensocial-jquery.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
  
  var url = '/people/@owner/@friends';
  var data = { startIndex: 0, count: 3 };

  $.get(url, data, function(data, status) {
	
    var total = data.totalResults;
    var start = data.startIndex + 1;
    var end = data.startIndex + data.itemsPerPage;
	
    $('#pager').text(
      [total, '件中', start, '-', end, '件目'].join(' ')
    );
	
    $.each(data, function(i, person) {

      var template = $('#person')
        .clone()
        .appendTo('#people')
        .show();
	
      if (person.thumbnailUrl)
        $('.thumbnail img', template)
          .attr('src', person.thumbnailUrl)
          .show();
	
      $('.id', template)
	.text(person.id);
	
      $('.displayName', template)
        .text(person.displayName);
    
    });

    $(window).adjustHeight();
  
  }, 'data');

});
</script>
<style type="text/css">
<!--
dl dt, dl dd {
  margin: 0;
}
-->
</style>
<div id="people">
<dl id="person" class="person" style="display:none;">
<dt class="thumbnail"><img style="display:none;" /></dt>
<dd class="id"></dd>
<dd class="displayName"></dd>
</dl>
</div>
<div id="pager"></div>
]]></Content>
</Module>