1

I'm attempting to display a list of members of a Meetup group, using their API, see https://api.meetup.com/2/profiles?&sign=true&photo-host=public&group_urlname=pipeline-marketing&page=20.

Specifically I'm trying to display the profile photos of all the members of this specific group in HTML. I tried modifying some code found at http://www.jquerybyexample.net/2013/04/how-to-display-load-images-from-json-file-jquery.html but am having some difficulties. The page is blank. I'm not running it locally.

What am I doing wrong?

<div id="members"></div>
<script>
$(document).ready(function () {
  var memberURL = "https://api.meetup.com/2/profiles?&sign=true&photo-host=public&group_urlname=pipeline-marketing&page=20";
  $.getJSON(memberURL, function (json)
  {
    var imgList= "";
    $.each(json.results, function () {
      imgList += '<li><img src= "' + this.photo_url + '"></li>';
    });
   $('#members').append(imgList);
  });
});
</script>

Thank you!

user2467729
  • 21
  • 1
  • 3

0 Answers0