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

【问题标题】：Save order of items from jQuery sort to PHP将项目的顺序从 jQuery 排序保存到 PHP
【发布时间】：2013-03-23 23:27:13
【问题描述】：

我想让我的用户使用 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 不是很熟悉

【问题讨论】：

为什么要嵌套$(function() {？它甚至有效吗？
是的，这部分有效。问题在于传输数组
也许这对你有帮助，stackoverflow.com/questions/7342727/…
您是尝试将数组与表单的其余部分一起提交，还是使用 ajax？如果是 ajax，请参阅 api.jquery.com/jQuery.post。如果想用表单提交数据，可以使用隐藏的文本区域：见felixgers.de/teaching/php/hidden1.html
@Mooseman。我没有其他字段，我只有“保存”按钮作为提交表单。

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

【解决方案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);

?>

【讨论】：

你能从控制台看到print_r($_GET);的输出吗？