Die Ajax-Daten werden nicht beim Update gesendet jQuery sortierbar

Question

Es gibt dieses Stück javascript/jQuery-Code, der die sortierbare Funktion von jQuery verwendet. Ich benutze es eine unbekannte Menge von divs zu sortieren, obwohl derzeit Ich versuche, die Daten in die Datenbank mit Ajax zu senden:

Javascript mit jQuery.sortable & Ajax

var lst, pre; 

$(".sortlist").sortable({ 
    start:function(event, ui){ 
     pre = ui.item.index(); 
    }, 
    axis: 'y', 
    handle: '.handle', 
    update: function (event, ui) { 
     var data = $("#list1").sortable("toArray"); 

     console.log($("#list1").serializeArray = data); 

     $.ajax({ 
      data: data, 
      type: 'POST', 
      url: 'backend/components/reorder-cards.php' 
     }); 
    }, 
    stop: function(event, ui) { 
     lst = $(this).attr('id'); 
     post = ui.item.index(); 
     other = (lst == 'list1') ? 'list2' : 'list1'; 
     //Use insertBefore if moving UP, or insertAfter if moving DOWN 
     if (post > pre) { 
      $('#'+other+ ' div:eq(' +pre+ ')').insertAfter('#'+other+ ' div:eq(' +post+ ')'); 
     } else { 
      $('#'+other+ ' div:eq(' +pre+ ')').insertBefore('#'+other+ ' div:eq(' +post+ ')'); 
     } 
    } 
}).disableSelection(); 

Jeder aktualisieren verwenden sollten der Code ein INSERT in dem pHP-Datei mit dem Namen Neuordnungs-cards.php zu tun:

include('../../config/connect.php'); 
$data = $_POST['include('../../config/connect.php'); 
$data = $_POST['data']; 

$insertdata = $conn->prepare("INSERT INTO pageOrder (order) VALUES (:order)"); 
$insertdata->bindParam(':order', $data, PDO::PARAM_STR); 
$insertdata->execute();']; 

$insertdata = $conn->prepare("INSERT INTO pageOrder (order) VALUES (:order)"); 
$insertdata->bindParam(':order', $data, PDO::PARAM_STR); 
$insertdata->execute(); 

Doch es ist nicht alles in die Datenbank zu senden, ich habe noch nie einen Einsatz über ajax zu arbeiten bekommen. Kann mir jemand sagen, was ich falsch mache?

Answer 1

Verwenden Sie die DevTools (zum Beispiel in Chrome), um zu überprüfen, ob Sie eine korrekte Ajax-Anfrage senden, so dass es einfacher ist, Ihr Problem zu finden.