js variable an server(php-seite) weiterleiten

stthbara

Hallo zusammen,

ich würde gerne eine js Variable an die PHP-Datei (php_delete.php) schicken.

Dort möchte ich die Datei mittels $_POST aufrufen und dann in einem sql-Befehl verwenden.

Die Variable ist eine ID, einen Datensatzes , der gelöscht werden soll.

So wie ich es verstanden habe, müsste das mit ajax funktionieren.

Ich würde mich freuen, falls mir jemand erklären kann, wie ich die Ajax-Funktion umschreiben muss.

PHP

<script>
var eleList = document.querySelectorAll('button');
console.log(eleList);
for(var x = 0;x<eleList.length;x++){
    eleList[x].addEventListener('click',function(){
        console.log('click');
        element_delete = document.getElementById(this.id);
        element_clicked_id = this.id;
        console.log(element_clicked_id);
        const url =http://localhost/dvd-archiv/php_delete.php
        
        fetch(url).then(function(rep){
            return rep.json()
        }).then(function(data){
            console.log(data.results[0]);
        })
 
      
    })
}
</script>
<?php include 'connect_database.php';?>
<?php
$element_delete= $_POST['post_var'];
        $sql_delete =
        "DELETE  FROM filme.meine_filme WHERE nr = $element_delete";
       if (mysqli_query($conn, $sql_delete)) {
         echo "deleted sucessfully ";
         echo "<br>";
       } else {
         echo "error at sql query: " . mysqli_error($conn);
       }

       mysqli_close($conn);
        ?>

Alles anzeigen

Sempervivum

Zunächst mal fehlen da die Hochkommas um die URL:

const url = 'http://localhost/dvd-archiv/php_delete.php';

Dann übergibst Du nirgends die ID, so dass sie als POST-Parameter verschickt wird. Ich habe hier eine Demo aus der Schublade, wie das geht:

Code

        const params = new FormData();
        params.append('param1', 'some-param');
        params.append('param2', 'some-other-param');
        params.append('numparam', '1.24');
        fetch('testpost.php', {
            method: 'post',
            body: params
        }).then(res => {
            return res.text();
        }).then(res => {
            console.log(res);
            document.getElementById('out').innerHTML = res;
        });

Alles anzeigen

Versuche, es auf deinen Fall anzuwenden und frage nach, wenn Du nicht zum Ziel kommst.

Weiter hast Du anscheinend das HTML und JS sowie das PHP in einer Datei. Wenn Du mit Ajax arbeitest musst Du das PHP allein in deine Datei php_delete.php schreiben.

Jetzt mitmachen!