2017-06-01 56 views
0

有這片的javascript/jQuery代碼使用的jQuery的排序功能。我用它來排序的div的未知量,雖然我目前正試圖將數據與AJAX發送到數據庫:AJAX的數據不發送上更新的jQuery排序

的Javascript jQuery.sortable &阿賈克斯

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

每次更新就應該使用代碼來執行的所謂重新定序cards.php php文件的INSERT

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

但是它沒有發送任何到數據庫中,我從來沒有得到通過AJAX的插入工作。有人可以告訴我我做錯了什麼嗎?

回答

0

使用DevTools(例如在Chrome)來檢查,如果你發送一個正確的Ajax請求,所以它更容易找到你的問題。

+0

有控制檯沒有錯誤,那就是我不明白我做錯了什麼...... – joostdelange

+0

好吧,我收回這句話的原因,我添加了Ajax的更迭功能,現在我看到在控制檯中的PHP錯誤 – joostdelange