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.

<ins> Logische Auszeichnung

CSS - Lightbox

PHP - IP - Sperre

JavaScript - Farbanzeiger

MySQL - Spalten-Durchschnitt ermitteln