Question

我对jquery和javascript很新，我有这个代码：

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

           $("#submit").click(function() {
                $.post('save.php', {list: postData}, function(o) {
                console.log(o);
                }, 'json');
           })
        }
    });
});

当我完成“排序”div时，我想要做的是序列化“postData”ONCE，单击“提交”并将其发布到save.php。目前，如果我“排序”我的div 3次让我们说，在我点击“提交”之前，postData被发送3次到save.php。

这是我的index.php

<div id="wrap">

    <div id="sortMe">

        <div id='item_0'>Test 1</div>
        <div id='item_1'>Test 2</div>
        <div id='item_2'>Test 3</div>
        <div id='item_3'>Test 4</div>
        <div id='item_4'>Test 5</div>

        <input type="submit" id="submit" value="Submit!">

    </div>
    <!-- end of sortMe -->

</div>
<!-- end of wrap -->

和我的save.php

$list = $_POST['list'];

$output = array();
$list = parse_str($list, $output);

$a = implode(',', $output['item']);

我很感激任何帮助！谢谢！

Jquery在提交时序列化ONCE

0 个答案: