将项目顺序从jQuery排序保存到PHP

时间:2013-03-23 23:27:14

标签: php javascript jquery jquery-ui jquery-ui-sortable

我想允许我的用户使用jQuery UI排序(http://jqueryui.com/sortable/#default

对某些项进行排序

我添加了所有必需的文件,但它正在运行。我在PHP中保存新订单(数组)时遇到问题。

$(function() {
 $(function() {
  $( "#sortable" ).sortable();
  $( "#sortable" ).disableSelection();
 });
var sorted = $( ".selector" ).sortable( "serialize", { key: "sort" } );
});

问题是:如何在提交表单后将该ID数组传输到PHP?

注意:我对JavaScript / jQuery不是很熟悉

1 个答案:

答案 0 :(得分:1)

如果除了提交按钮之外实际上没有任何其他表单元素,为什么不使用Ajax?

给出html结构

<ul class="list">
    <li id="item_1">1</li>
    <li id="item_2">2</li>
    <li id="item_3">3</li>
</ul>
<input type="button" id="send" value="Send" />

以下是“将ID数组传输到PHP”的方法

$(document).ready(function(e) {
      $('.list').sortable();

      $('#send').click(function(e) {

          var sorted = $('.list').sortable("serialize");

          $.get('http://www.yoururl.com', sorted, function(data) 
          {
               console.log(data);
          });

     });
});

可以从$_GET数组

访问数据
<?php

    print_r($_GET);

?>
相关问题