JavaScript - Link mit Ajax aufrufen
<p>
<a href="ausgabe.php?value=eins" class="meine-klasse">Link 1</a>
<a href="ausgabe.php?value=zwei" class="meine-klasse">Link 2</a>
</p>
<script>
// Link mit Ajax aufrufen
document.querySelectorAll('a.meine-klasse').forEach(item => {
item.addEventListener('click', e => {
// Default-Aktion für Klick auf den Link verhindern
e.preventDefault();
// Link aus dem href-Attribut holen
const link = e.target.href;
fetch(link, {
method: 'get'
}).then(res => {
return res.text();
}).then(res => {
// Ausgabe in der Browserkonsole
console.log(res);
});
});
})
</script>
Die PHP-Datei: ausgabe.php
<?php
if (isset($_GET["value"])) {
echo $_GET["value"];
}
?>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<p> Textabsatz
CSS - Notizzettel mit Büroklammer
PHP - Callback-Funktion auf jedes Element in einem Array anwenden