0

$.post 呼び出しにシリアル化されたフォームと共に 2 つの変数を含めようとしましたが、それを行う唯一の方法は、serialize() ではなく serializeArray() を使用し、余分な変数を配列。すべてのフォーム要素は正しく処理されていますが、余分な 2 つの変数 (order と column) は処理されていません。

JQ:

        var order = 'asc';
        var column = 'description';

        $('#task_form').submit(function(e){
            var formData = $("#task_form").serializeArray();
            formData.push({column: column, order: order});

            $.post('process.php', formData, function(data){
                // clear the current task table
                $('#tbody').empty();
                // refresh the task table with the newly inserted task
                $(data).appendTo('#tbody');
                $('#tasks_table').trigger('update');
                $("#description_text").val('');
            });
            e.preventDefault();
        });

PHP:

if(isset($_POST['description_text'])){
    $description = $_POST['description_text'];
    $duration = $_POST['duration_text'];
    $deadline = $_POST['deadline_text'];
    $order = $_POST['order'];
    $column = $_POST['column'];
    TaskDB::createLog($order.' '.$column);

    // convert the date
    $pieces = explode('/', $deadline);
    $month = $pieces[0];
    $day = $pieces[1];
    $year = $pieces[2];

    $newDate = $year.'-'.$month.'-'.$day;
    // create a new task object, add it to database
    $task = new Task('DEFAULT', $description, $duration, $newDate, '0');
    TaskDB::addTask($task);
    TaskDB::generateTaskTable();
}

これがなぜなのか知っている人はいますか？

4

3 に答える 3

3

シリアル化配列のドキュメント ( http://api.jquery.com/serializeArray/ ) によると、配列への追加を再フォーマットする必要があります。

name、valueペアかかります。

追加を次のようにフォーマットする必要があります。

formData.push({name: "column", value: column});

そして、あなたは残りを理解できると確信しています。

于 2012-08-17T19:55:54.290 に答える
0

serializeArray メソッドは、キーと値を含むオブジェクトの配列を生成します。このコードを試してください：

formData.push([{name: 'column', value: column});
formData.push([{name: 'order', value: order});
于 2012-08-17T19:59:48.060 に答える
0

serializeArrayは、それぞれが を含むオブジェクトの配列を返します{name: 'fieldName', value: 'fieldValue'}。

同じ形式で値をプッシュする必要があります。

formData = formData.concat([{name: 'column', value: column}, {name: 'order', value: order}]);

また

formData.push({name: 'column', value: column});
formData.push({name: 'order', value: order});

もう 1 つの解決策は、 と を使用することserialize()です$.param。

var formData = $("#task_form").serialize();
formData += '&'+$.param({column: column, order: order});
于 2012-08-17T19:57:29.777 に答える