Untitled

<!DOCTYPE html>
<html>
<head>
	<title>Flickr test page</title>
</head>

<body>

	<form id="flickrform" action="notfound.php" method="post">
		<fieldset>
			<label for="tage">Zoek: </label> <input type="text" name="tage" id="tag" placeholder="vul een naam van een dier in" />
		</fieldset>
	</form>

<div id="output">

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#flickrform').submit(zoekOp);
});

function zoekOp(e)
{
	e.preventDefault();
	var zoekterm = $('#tag').val();

	if(zoekterm !== '')
	{
		$.ajax({

			url:'http://api.flickr.com/services/feeds/photos_public.gne?&jsoncallback=?',
			dataType: 'json',
			data: {format: 'json', tags: zoekterm},
			success: toonResultaat,
			error: function(xhr, message, error)
			{
				console.log(message,error);
			}

		});
	}
}

function toonResultaat(flickrResult)
{
	console.log(flickrResult);
}

</script>
</body>
</html>