Carrd.co Button zu neue seite?
Man kann ja bei carrd.co solche Button erstellen und wenn man darauf drückt kommt man zu einer anderen Seite.
Ich habe allerdings sehr oft bei anderen Webseiten gesehen das sie auch solche Button hatten, allerdings führte es zwar zu einer anderen Seite aber trotzdem war es irgendwie die selbe webseite.
Das was ich habe... ich muss bei den Button ein Link eingeben.
Aber muss man wirklich immer wieder eine neue Webseite Seite erstellen oder geht es auch anders? Wenn ja wie?
2 Antworten
Statt auf andere Seiten zu verlinken, die dann bestimmte Daten beinhalten, kann man via AJAX-Request Daten vom Server anfordern und bei Empfang dynamisch in das Dokument einfügen.
Ein einfaches Beispiel mit JavaScript und PHP:
<!doctype html>
<title>Example</title>
<body>
<button id="load-data">Load data</button>
<div id="data-container"></div>
<script>
document.getElementById("load-data").addEventListener("click", () => {
fetch("/getdata.php")
.then(response => response.text())
.then(data => document.getElementById("data-container").textContent = data);
});
</script>
</body>
/getdata.php:
<?php
print "Hello world";
Bei Klick auf den Button wird ein Request an die getdata.php geschickt. Der Reponse Text, den das Skript zurückschickt, wird in ein div-Element eingefügt. In diesem gesamten Verlauf muss die Webseite im Browser nicht neu geladen werden.
Auf diese Weise kann man sich eine Single-Page-Anwendung (SPA) zusammenbauen. In diesem Zusammenhang würde es sich lohnen, ein Framework wie VueJS oder React zu verwenden.
Du kannst mit Sprungmarken (auch Anker genannt) zu einem bestimmten Bereich der selben Webseite verlinken:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#linking_to_an_element_on_the_same_page