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'=> {

            
// 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.

<u> Unterstreichen (Physische Auszeichnung)

CSS - Vertikale Schrift

PHP - JSON auslesen

JavaScript - Confirm()

MySQL - Eintrag überschreiben

Interaktive Seiten
Hyperlinks sollten nicht nur in der Navigation (Menü) angeboten werden, sondern auch innerhalb einer Seite, zum Beispiel im Text. Das macht Ihre Seite erst „Interaktiv“.