jQuery sortable 序列化多个输入字段

Question

我正在使用 jQuery 可排序插件并尝试使用 AJAX 更新我的数据库，但我无法传递隐藏的输入字段值并收到“未定义索引”错误消息。

这是我的脚本：

$( "#sortable" ).sortable({
    update: function( event, ui ) {
        var postData = $(this).sortable('serialize');

        $.ajax({
            data: postData,
            type: 'POST',
            url: 'save.php'
        });

    }
});

这是我的表格：

<div id="sortable">

    <div id="city">
        <?php echo $city_name ?>

        <input type="checkbox" name="cityStatus[<?php echo $city_ID ?>]" value="1" <?php echo $checked ?>>    
        <input type="hidden" name="cityID[<?php echo $row->city_ID ?>]" value="<?php echo $city_ID ?>">
        <input type="hidden" name="cityOrder[<?php echo $row->city_ID ?>]" value="<?php echo $city_order ?>">
    </div>

</div>

我的 save.php 文件：

foreach($_POST['cityStatus'] as $key => $value) {
    $cityID = $_POST['cityID'][$key];
    $cityStatus = $_POST['cityStatus'][$key];
    $cityOrder = $_POST['cityOrder'][$key];

    $updateCities = $db->execute(
        "UPDATE cities
        SET city_status=?, city_order=?
        WHERE city_ID=$cityID",
        array($cityStatus, $cityOrder));

}

Answer 1

你没有告诉 JS 如何发送你的 POST 参数。将您的 JS 更改为：

data: { 'postData':postData }

这是 key=value 形式的基本意思 "postData=" + postData。它告诉 javascript 和 PHP 您希望将变量 postData 链接到键“postData”，然后您就可以使用 $_POST['postData'] 访问它