website/layouts/partials/photos.html

<div id=photoslist class="transition-parent photos-list">
    <div
	    class="transition-child section-error-container"
	    style="height: 100%;">
	<div class="section-error-content">
	    <i class="fa fas fa-times-circle"></i>
	    {{ .Site.Params.photos.empty }}
	</div>
    </div>
</div>
<script defer>
    function loadimages(){
	    var http = new XMLHttpRequest();
	    var url = '/getallphotos{{ if .limit }}?limit={{ .limit }}{{ end }}';
	    http.open('GET', url, false);
	    http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	    http.onreadystatechange = function() {//Call a function when the state changes.
		    if(http.readyState == 4 && http.status == 200) {
			    let responsehtml = http.responseText;
			    document.querySelector("#photoslist").innerHTML = responsehtml;
			}

		}
	    http.send();
	}
	loadimages();
</script>