jQuery 可排序添加额外信息答案

【问题标题】：jQuery sortable add extra infojQuery 可排序添加额外信息
【发布时间】：2013-11-20 00:31:56
【问题描述】：

我有一个li 列表，我已通过 jQuery 对其进行排序。我需要在这个序列化数据中添加一些隐藏值，以确保更新到正确的位置。

我该怎么做？

HTML

<ul id="reportNav">
  <li id=page_1>Page 1</li>
  <li id=page_2>Page 2</li>
  <li id=page_3>Page 3</li>
  <li id=page_4>Page 4</li>
  <li id=page_5>Page 5</li>
  <li id=page_6>Page 6</li>
</ul>

$("#reportNav").sortable({
    stop : function(event, ui){
    var url = "/pages/saveOrder.php";
      $.ajax({
         type: "POST",
         url: url,
         data: $(this).sortable('serialize');,
         success: function(data) { alert(data); },
         error: function(data) { alert("Failure"); }
       });
     }
});

输出数据： page[]=1&page[]=2&page[]=3&page[]=4&page[]=5&page[]=6

我需要添加的数据： HTML 中的特定 reportID

【问题讨论】：

标签： javascript php jquery html jquery-ui-sortable

【解决方案1】：

所以，只需添加它$(this).sortable('serialize')+"&reportId="+$("#reportId").text() http://jsfiddle.net/8BAW3/

或者举个例子说明如果不是这样，你想达到什么目的。

【讨论】：

【解决方案2】：

这是旧的，但如果有人看到这个需要添加更多数据，您可能会将数据属性更改为：

$.ajax({
     type: "POST",
     url: url,
     data: {
         data: $(this).sortable('serialize'),
         foo: 'bar',
         bar: 'blubb'
     },
     success: function(data) { alert(data); },
     error: function(data) { alert("Failure"); }
   });

在您提交 ajax 请求以查看/查找数据的任何位置发送 var_dump($_POST)。

【讨论】：

【解决方案3】：

您可以将参数作为文本 (+'&param=value') 附加到数据部分。也可以为您的变量更改字符串。

        $.ajax({
            data: data+'&param=value',
            type: 'POST',
            url: '/yourFile.php'
        });

【讨论】：