0

我正在使用 jQuery UI 的可排序功能制作一个小型拖放应用程序。jQuery 工作正常，但是当我尝试按顺序对所有行的数组进行编码时，另一端的 PHP 脚本读取数组NULL，我不知道为什么。以下是它们在我的第一个脚本中出现的顺序：

的HTML

<form method="post" id="reorder" action="orderupdate.php">
    <input type="hidden" id="post_ids" name="post_ids">
    <button type="submit">REORDER</button>
</form>

<ul id="photo-selector">
    <li id="img1"><img src="images/img1.jpg"></li>
    <li id="img2"><img src="images/img2.jpg"></li>
    <li id="img3"><img src="images/img3.jpg"></li>
    <li id="img4"><img src="images/img4.jpg"></li>
    <li id="img5"><img src="images/img5.jpg"></li>
    <li id="img6"><img src="images/img6.jpg"></li>
</ul>

JS

$(document).ready( function(){

    var formOrder = document.getElementById('reorder');
    formOrder.addEventListener('submit', function(){
        var post_ids_field= document.getElementById('post_ids');
        var ul_id = document.getElementById("photo-selector");
        var post_ids = ul_id.getElementsByTagName("li");
        post_ids_field.value = JSON.stringify(post_ids);
        alert("check");
    });

});

单击顶部表单中的“重新排序”按钮时，它发送到的表单orderupdate.php如下

<?php

    $post_ids = json_decode($_POST['post_ids']);
    var_dump($post_ids);

    require("opendbas3.php");

    foreach ($post_ids as $x => $value) {
        $query = "UPDATE dav_posts SET p_order='$x' WHERE post_id='$value'";
        $result = mysql_query($query, $link);
    }

?>

现在，当我提交时，它会将我重定向到orderupdate.php它不执行查询的 PHP 脚本，并且我发现foreach循环无法读取$post_ids数组。我只NULL用我的var_dump(). 此外，alertJS 脚本中的 不会在ready()函数或事件侦听器的提交上触发。它只是重定向到 PHP 脚本。

有什么不正常的吗？有什么问题？提前致谢。

4

2 回答 2

1

您不能在 DOM 元素上调用 JSON.stringify ——这就是警报永远不会触发的原因。你会发现它与TypeError: Converting circular structure to JSON.

您需要做的是将li数组映射到字符串数组：

var id_strings = [];
for (var i=0 ; i<post_ids.length ; i++) {
    id_strings.push(post_ids[i].getAttribute("id"));
};
post_ids_field.value = JSON.stringify(id_strings);

小提琴演示

于 2013-10-24T22:56:37.870 回答
0

尝试使用

post_ids = $("#photo-selector").sortable( "toArray");
post_ids_field.value = JSON.stringify(post_ids);
于 2013-10-24T22:56:43.963 回答