Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/293.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery可排序PHP到数据库_Php_Jquery_Jquery Ui_Jquery Ui Sortable - Fatal编程技术网

JQuery可排序PHP到数据库

JQuery可排序PHP到数据库,php,jquery,jquery-ui,jquery-ui-sortable,Php,Jquery,Jquery Ui,Jquery Ui Sortable,所以我有两个盒子。在左侧,我有一个从数据库中提取的项目列表,我可以将其拖放到右侧。这很有效。我一辈子都想不出如何让它发布右侧列表的数据,我想我已经尝试了谷歌本周提供的每一个例子 当我发表一篇打印文章时;在提交到的页面上,我得到了一个数组,其中没有任何内容。它似乎没有抓取ID并序列化它们 有人有这方面的经验吗?看到我遗漏了什么吗 <script> $(function() { $( "ul.droptrue" ).sortable({ connectWi

所以我有两个盒子。在左侧,我有一个从数据库中提取的项目列表,我可以将其拖放到右侧。这很有效。我一辈子都想不出如何让它发布右侧列表的数据,我想我已经尝试了谷歌本周提供的每一个例子

当我发表一篇打印文章时;在提交到的页面上,我得到了一个数组,其中没有任何内容。它似乎没有抓取ID并序列化它们

有人有这方面的经验吗?看到我遗漏了什么吗

  <script>
  $(function() {
    $( "ul.droptrue" ).sortable({
        connectWith: "ul"
    });

    $( "ul.dropfalse" ).sortable({
      connectWith: "ul",
      dropOnEmpty: true
    });

    $( "#sortable1, #sortable2" ).disableSelection();
  });

      $( "#sortable2" ).sortable({
    axis: 'y',
    handle : '.handle', 
    update: function (event, ui) {
        var data = $(this).sortable('serialize');
        console.log(data);

        // POST to server using $.post or $.ajax
        $.ajax({
            data: data,
            type: 'POST',
            url: 'setlists-edit-process.php'
        });
    }
});

  </script>

<ul id="sortable1" class="droptrue">
<?php
$_GET['setlist_id'];
$sql = "SELECT material_id, material_name FROM material WHERE user_id=$session_id";
$result = mysqli_query($conn, $sql);

if (!$result) {
    printf("Error: %s\n", mysqli_error($conn));
    exit();
}

while($row = mysqli_fetch_array($result))
{
echo "<li id=" . $row['material_id'] . ">" . $row['material_id'] . " | " . $row['material_name'] . "</li>";
}

?>
</ul>

<ul id="sortable2" class="dropfalse">

</ul>
替换此项:

while($row = mysqli_fetch_array($result))
{
echo "<li id=" . $row['material_id'] . ">" . $row['material_id'] . " | " . $row['material_name'] . "</li>";
}
与:

Sortable要求ID的格式为setname\u number


此外,您的代码输出的格式为id=abc无引号,而应该是id=abc和周围的引号。

您的console.logdata显示什么?setlists edit.php?setlist_id=8:16 Uncaught SyntaxError:Unexpected token&jquery.flot.js:711 Uncaught plot的无效维度,width=null,height=Null我本以为这是一个参数字符串?已排除其中一个错误。console.log现在显示:函数log{[native code]}还请注意,元素的id必须包含下划线。谢谢,它现在显示的列表项如下:1 |将一位女士锯成两半。控制台仍然显示为:函数log{[native code]}@Topher您可以尝试替换var data=$this.sortable'serialize';console.log数据;使用var data=$sortable2.sortable'serialize';var data2=$sortable2.可排序的'toArray';console.log“数据序列化:”;console.log数据;console.log“数据到阵列:”;console.log数据2;补充。我现在该怎么处理它?@Topher你能把结果粘贴到这里吗?你还看到日志{[本机代码]}吗?@Topher噢,天哪!您的浏览器甚至没有安装控制台。是否可以尝试在所有实例中将console.log替换为alert?这将显示一个包含变量的消息框。
while($row = mysqli_fetch_array($result))
{
echo '<li id="material_' . $row['material_id'] . '">' . $row['material_id'] . " | " . $row['material_name'] . "</li>";
}