Zeile löschen mit ajax und php Funktion

ich habe eine Tabelle mit mysql-Daten,ich füge eine Schaltfläche "Papierkorb" und ich wollen, entfernen Sie jede Zeile, wenn die Papierkorb-Schaltfläche geklickt wird mit ajax-Funktion,
das ist mein html:

  <table border="1">
    <?php
$sql ="SELECT * FROM music";
$result = mysql_query($sql) or die(mysql_error());

while($row = mysql_fetch_object($result)){

    echo '<tr><td>'.$row->file_name.'</td><td>'.$row->composer.'</td><td>'.$row->lyric.'</td><td>'.$row->music_thumb.'</td><td>'.'

    <a href="#" id="'.$row->msuic_id.'" class="trash" >
    جذف کردن
    </a>

    '.'</td></tr>';
    }

?>
  </table>

und meine ajax-Funktion hier:

$(function(){
        $('.trash').click(function(){
            var del_id= $(this).attr('id');
            var $ele = $(this).parent().parent();
            $.ajax({
                type:'POST',
                url:'delete.php',
                data:del_id,
                success: function(data){
                    if(data=="YES"){
                        $ele.fadeOut().remove();
                        }else{
                            alert("can't delete the row")
                            }
                    }

                })
            })
    });

und auch meine "delete.php" Seite hier:

<?php
include('../db_inc.php');
$music_number = "POST['del_id']";
echo '$music_number';
$qry = "DELETE FROM music WHERE msuic_id ='$music_number'";
$result=mysql_query($qry);

?>

ich denke mein problem ist die ajax-Funktion;
Dank

Überprüfen Sie alle Fehler in Ihrem browser Konsole..
Änderung $music_number = $_POST ["del_id'];
Es ist mehr als ein problem und alle Lösungen wurden bereits gegeben 🙂 : 1° ersetzen "POST['del_id']" durch $_POST['del_id'] ,2° ersetzen data:del_id durch data:{del_id:del_id} (man beachte das 1. ist ein parameter, der name, und die zweite ist die variable). Und sollten Sie überlegen, zu verwenden mysqli_* statt mysql_ Funktionen, die veraltet sind

InformationsquelleAutor Hamed mayahian | 2013-11-01

  1. 10

    versuchen, diese

    $.ajax({
    type:'POST',
    url:'delete.php',
    data:{del_id:del_id},
    success: function(data){
         if(data=="YES"){
             $ele.fadeOut().remove();
         }else{
             alert("can't delete the row")
         }
    }

     })
})

    und auch ändern 

    $music_number = "POST['del_id']";

    zu

    $music_number = $_POST['del_id'];

    InformationsquelleAutor roullie

  2. 5

    Ihre ajax-code sollte so sein:

    $(function(){
    $(document).on('click','.trash',function(){
        var del_id= $(this).attr('id');
        var $ele = $(this).parent().parent();
        $.ajax({
            type:'POST',
            url:'delete.php',
            data:{'del_id':del_id},
            success: function(data){
                 if(data=="YES"){
                    $ele.fadeOut().remove();
                 }else{
                        alert("can't delete the row")
                 }
             }

            });
        });
});

    - Und PHP-code sein sollte:

    <?php
include('../db_inc.php');
$music_number = $_POST['del_id'];
//echo $music_number;
$qry = "DELETE FROM music WHERE msuic_id ='$music_number'";
$result=mysql_query($qry);
if(isset($result)) {
   echo "YES";
} else {
   echo "NO";
}
?>
    vielen Dank, dein code funktioniert, aber jedes mal, wenn ich auf Papierkorb klicken,zeigen die Warnung:"kann nicht löschen Sie die Zeile" wenn ich aber die Seite neu laden, sehe ich die Zeile wird gelöscht,was ist das problem?
    Ich habe aktualisiert, der code. überprüfen, dass. dies ist aufgrund prüfen Sie den Wert JA und im php-Datei wurde ja. so, ich habe aktualisiert die Antwort. wenn dies helfen wird, dann markieren Sie es als akzeptiert.
    Gebrochenes Herz ღ füge ich deinen code aber noch nicht 🙁
    oh ich finde das problem, dass ich ändern sollte ein "JA" if(data==del_id+"JA"), Dank, bitte aktualisieren Sie Ihren code ein 🙂
    welche code, den Sie verwendet haben. verwenden Sie den PHP-code. und in der success Funktion versuchen zu schauen, was kommt. durch alert(data);.

    InformationsquelleAutor Code Lღver

  3. 4

    Zusätzlich zu den oben genannten Antworten, sollten Sie delegieren Ihr auf click-handler, um zu verhindern, dass unnötige Doppelarbeit

    $(document).on('click', '.trash', function() { ... });

    InformationsquelleAutor Chris Pickford

  4. 2

    Versuchen Sie dies:

    $music_number = POST['del_id']; in delete.php

write ajax function like:

$.ajax({
                type:'POST',
                url:'delete.php',
                data:del_id,
                success: function(data){
                    if(data=="YES"){
                        $ele.fadeOut().remove();
                        }else{
                            alert("can't delete the row")
                            }
                    }

                })
            });
    • Dank

    InformationsquelleAutor Anand Solanki

  5. 2

    senden Sie die Daten als Objekt und nicht nur Wert

     ...
 type:'POST',
 url:'delete.php', 
 data:{'del_id':del_id},  //<----here
 ....

    nehmen und es als POST in delete.php

     $music_number = $_POST['del_id'];

    aktualisiert

    fügen Sie diese zu Ihrem delete.php

    <?php
 include('../db_inc.php');
 $music_number = "POST['del_id']";
  $qry = "DELETE FROM music WHERE msuic_id ='$music_number'";
  $result=mysql_query($qry);
  if($result) {
      echo "Yes";
   } else {
      echo "No";
   }
 ?>
    vielen Dank, dein code funktioniert, aber jedes mal, wenn ich auf Papierkorb klicken,zeigen die Warnung:"kann nicht löschen Sie die Zeile" wenn ich aber die Seite neu laden, sehe ich die Zeile wird gelöscht,was ist das problem?
    aktualisiert-check it out
    das wird nicht funktionieren.check meine Antwort.

    InformationsquelleAutor bipen

  6. 2

    Hier sind die Dinge, die Sie brauchen, um zu korrigieren

    • "Delete.php" Datei
      $music_number = "POST['del_id']";
      //to
      $music_number = $_POST['del_id'];

      Auch in der Erfolgs-callback von ajax, sind Sie die überprüfung für die "JA" - Antwort, die nicht gesendet wird, überall in dieser Datei.

    • Ändern, um Ihre ajax-request

      data: {'del_id':del_id},

    Hoffe, das hilft.

    InformationsquelleAutor jagmohan

Schreibe einen Kommentar