2012-10-22 30 views
1

我正在使用jQuery ui排序。從db中檢索一個對象列表並動態地將其放入列表中,用戶拖放列表對象,列表的新順序應保存。以適當的方式存儲一個新的訂單列表

以下是可排序的jQuery代碼,其中包括創建新列表順序的數組。然而,下一步是做一些事情,以便我能夠在我的php代碼中使用這個數組。

事情是,用戶除了排序列表對象也應該能夠添加一些評論和做一些其他的東西,然後提交一切。也就是說,我爲此使用了一個表單。出於這個原因,我必須能夠以某種方式將列表順序放入表單中,這裏是我需要幫助的地方。

我應該使用什麼方法?阿賈克斯?本地存儲?這怎麼可能完成?

$('#listElements').sortable({ 

     update: function(event, ui) { 
      var order = []; 
      $('.listObject li').each(function(e) { 
       order.push($(this).attr('id')); 
      }); 
     } 
    }); 

回答

2

你要使用AJAX的順序排列發送到PHP像這樣:

$('#listElements').sortable({ 
    update: function (event, ui) { 
     var order = []; 
     $('.listObject li').each(function (e) { 
      order.push($(this).attr('id')); 
     }); 
     $.ajax({ 
      url: "/save_order_to_db", 
      type: "post", 
      data: { 
       order_data: order 
      } 
     }).success(function (data) { 
      console.log(data); 
     }); 
    } 
}); 
+0

謝謝!我不是很熟悉AJAX,但會試一試。我怎樣才能在頁面上檢索這些數據?我想要在表單中使用列表順序數組,即不打開另一個頁面等。 – holyredbeard

+0

您可以使用'success'回調來檢索數據。我已經相應地更新了答案。 –

+0

我是否在您的意思是成功回調的幫助下,在我的php代碼中檢索數據,並且應該將URL與列表和表單的頁面相同? – holyredbeard

相關問題