Debes entrecomillar la función en el evento onclick y debes quitar el contenido del href para que no haga el salto de este modo:
<a id="en1" onclick="api1()" href="#">Link API 1</a>
Tambien debes agregar un elemento con el id respuesta para mostrar el contenido obtenido.
<img id="respuesta" src="" style="width:250px;">
Y piensa que, en este caso, jquery interpreta la respuesta data como un objeto, por lo tanto debes tratarlo como tal (y no como html). He cambiado esa línea por esta:
$('#respuesta').attr('src',data.image_link);
Tal como aclaras en el comentario de esta respuesta, lo que tambien quieres es mostrar todas las propiedades en un div tal cual, por lo tanto puedes convertir el objeto data mediante el uso del método JSON.stringify(), que eso provocará la conversión del objeto data a string y podrás imprimirlo con el método .html(data)
de jquery.
Es decir, puedes crearte otro elemento, en este caso un div, con otro id único, por ejemplo, respuestaHtml, y pasarle el string con esto:
$('#respuestaHtml').html(JSON.stringify(data));
Para ver todas las propiedades del objeto data puedes hacer un console.log(data)
y te las mostrará de este modo en la consola:
{
active_time: "Diurnal",
animal_type: "Fish",
diet: "Plankton",
geo_range: "Africa",
habitat: "Lakes",
id: 22,
image_link: "https://upload.wikimedia.org/wikipedia/commons/0/04/Copadichromis_azureus.jpg",
latin_name: "Copadichromis azureus",
length_max: "0.55",
length_min: "0.42",
lifespan: "8",
name: "Azureus Cichlid",
weight_max: "0.75",
weight_min: "0.5"
}
Aquí un snippet funcional que puedes ejecutar para ver su funcionamiento:
function api1(){
$.ajax({
url: 'https://zoo-animal-api.herokuapp.com/animals/rand/',
type :"GET"
})
.done (function(data) {
$('#respuesta').attr('src',data.image_link);
$('#respuestaHtml').html(JSON.stringify(data));
})
.fail(function(data) {
alert('error')
})
.always(function(data) {
alert('complete')
})
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<article>
<a id="en1" onclick="api1()" href="#">Link API 1</a>
</article>
<img id="respuesta" src="" style="width:250px;">
<div id="respuestaHtml"></div>