ajaxデータは更新時jQueryソート可能ではありません

Question

jQueryのソート可能な機能を使用するjavascript/jQueryコードがあります。現在、私はAjaxを使ってデータベースにデータを送信しようとしているが、私は、div要素の未知の量をソートするためにそれを使用する：

Javascriptを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(); 

それは使うべきすべてのアップデートでそれは私が仕事にAJAXを経由して、インサートを得たことがありませんデータベースには何も送信していないが

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(); 

：リオーダー-cards.phpと呼ばれるPHPファイルでINSERTを行うためのコード。誰かが私が間違っていることを教えてもらえますか？

Answer 1

DevTools（Chromeなど）を使用して正しいAjaxリクエストを送信しているかどうかを確認すると、問題を見つけるのが簡単になります。