<button>Get data</button>
<ul id="result"></ul>
$('button').on('click', function(){
	$.get('https://happy-css.com/api/users', function(users) {
		console.log(users)
		var userList = users.map(function(user){return '<li>'+user.name+'</li>'})
		$('#result').html(userList)
	})	
})
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js