Question

<script type="text/javascript">
    $(function() {
        $( "#sortable" ).sortable({
        update: function(event, ui) {
                var Order = $(this).sortable('toArray').toString();
                //dataArr = Order.split('_');

                $.ajax({
                        type: 'POST',
                         url: 'updatepriority.php',
                        data: 'sort_order=' + Order,
                        success:function(result){

                        }
                    });
            }
        });
        $( "#sortable" ).disableSelection();
    });
</script>

我使用以下代码将数据发送到网址，但它无法正常工作。我在这里缺少什么

<form action="updatepriority.php" method="post">
<div id="sortable">
<?php
$i = 1;
while($row = mysql_fetch_array($result))
  { 
  ?>

  <div id="<?php echo $row['Property_ID']; ?>_<?php echo $row['Priority']; ?>_<?php echo $row['property_type']; ?>"><?php echo $row['property_type']; ?>-<?php echo $row['Desc']; ?>-<?php echo $row['Priority']; ?></div>
 <?php $i++; }
?>
</ul>
</div>
</form>

我正在尝试在拖放时动态排序数据。

Answer 1

尝试按以下代码传递数据

data: { 'sort_order' : Order}

Answer 2

使用javascript关联数组

<script type="text/javascript">
    $(function() {
        $( "#sortable" ).sortable({
        update: function(event, ui) {
                var Order = $(this).sortable('toArray').toString();
                //dataArr = Order.split('_');

                $.ajax({
                        type: 'POST',
                         url: 'updatepriority.php',
                        data: {sort_order:Order},
                        success:function(result){

                        }
                    });
            }
        });
        $( "#sortable" ).disableSelection();
    });
</script>

数据不会通过Ajax请求进入url

2 个答案: