2013-03-23 54 views
0

项目我想,让我的用户一些项目使用jQuery UI排序(http://jqueryui.com/sortable/#default保存顺序排序的jQuery到PHP

我添加了所有必需的文件,它的工作排序的。我在PHP中保存新订单(数组)时遇到问题。

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

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

注:我不是很熟悉JavaScript/jQuery的

+0

为什么访问你嵌套'$(函数(){'?它是否工作? – zerkms 2013-03-23 23:29:49

+0

是的,这部分工作。是与转移阵列 – Nutic 2013-03-23 23:34:00

+0

也许这可能会帮助你, http://stackoverflow.com/questions/7342727/jquery-ui-saving-sortable-list – 2013-03-23 23:41:36

回答

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

?> 
+0

如何打印第一,第二个元素?由于$ _GET [0]具有未定义的偏移量.... – Nutic 2013-03-24 18:21:36

+0

您是否可以从控制台实际看到'print_r($ _ GET);'的输出? – Mati 2013-03-24 19:45:30