如何使用 ajax 提交特定的表单输入组

How to submit especific group of form inputs using ajax

我有一个巨大的表格要提交(数组中有超过 1000 个输入 - 这是 php +5.3 的问题,请参阅 max_input_vars limits)在 php.

我不需要提交所有内容,只需提交修改后的输入组,其中参考是 select 输入。我正在尝试使用 jQuery 过滤器和 serializeArray() 来解决它,但它不起作用。我必须使用 ajax 来完成它。

我的表格在 php 循环中,数据来自 DB

<form method="post" action="" id="resultado_trabalhos" name="resultado_trabalhos">

    <?php do { ?>
<select name="status_trabalho[]" id="status_trabalho<?php echo $row_listaTrabalhos['id_usuario']; ?>">
<option value="3" <?php if (!(strcmp(3, $row_listaTrabalhos['status_trabalho']))) {echo "selected=\"selected\"";} ?>>em avaliação</option>
<option value="4" <?php if (!(strcmp(4, $row_listaTrabalhos['status_trabalho']))) {echo "selected=\"selected\"";} ?>>oral</option>
<option value="5" <?php if (!(strcmp(5, $row_listaTrabalhos['status_trabalho']))) {echo "selected=\"selected\"";} ?>>poster</option>
<option value="6" <?php if (!(strcmp(6, $row_listaTrabalhos['status_trabalho']))) {echo "selected=\"selected\"";} ?>>não selecionado</option>
</select>

<textarea name="motivoDevolucao[]" id="motivoDevolucao<?php echo $row_listaTrabalhos['id_trabalho']; ?>" cols="100" rows="2" wrap="physical" style="display:none;">&nbsp;</textarea>

  <input type="hidden" id="id_autor<?php echo $row_listaTrabalhos['id_usuario']; ?>" name="id_autor[]" value="<?php echo $row_listaTrabalhos['id_usuario']; ?>" />
   <input type="hidden" id="token_trabalho<?php echo $row_listaTrabalhos['id_usuario']; ?>" name="token_trabalho[]" value="<?php echo $row_listaTrabalhos['token_submissao']; ?>" />
   <input type="hidden" id="marcadorStatus<?php echo $row_listaTrabalhos['id_usuario']; ?>" name="marcadorStatus[]" value="<?php echo $row_listaTrabalhos['status_trabalho']; ?>" />
   <input type="hidden" id="nome<?php echo $row_listaTrabalhos['id_usuario']; ?>" name="nome[]" value="<?php echo $row_listaTrabalhos['nome_usuario'] . " " . $row_listaTrabalhos['sobrenome_usuario']; ?>" />
   <input type="hidden" id="email_usuario<?php echo $row_listaTrabalhos['id_usuario']; ?>" name="email_usuario[]" value="<?php echo $row_listaTrabalhos['email_usuario']; ?>" />

    <?php } while ($row_listaTrabalhos = mysqli_fetch_assoc($listaTrabalhos)); ?>
  </form>

marcadorStatus[] 与 select 输入比较 status_trabalho[].

是我的锚点

我想 serializeArray() 使用类似 marcadorStatus[] != status_trabalho[] 的东西。因此,如果它是 true,则仅提交具有相同数组索引的输入组(id_autor[]nome[]email_usuario[] 等等)。

我认为您不需要输入元素都具有 id 值。如果没有,最好不要使用它们;它对浏览器的工作较少。

而是给他们一个 class 将他们分组。

现在我不编程 PHP,因此您可能不得不将其视为伪代码:

<form method="post" action="" id="resultado_trabalhos" name="resultado_trabalhos">
<? $i = 0; ?>
<?php do { ?>
    <select class="group-<?php echo $i; ?>" name="status_trabalho[]" data-group-index="<?php echo $i; ?>">
        <option value="3" <?php if (!(strcmp(3, $row_listaTrabalhos['status_trabalho']))) {echo "selected=\"selected\"";} ?>>em avaliação</option>
        <option value="4" <?php if (!(strcmp(4, $row_listaTrabalhos['status_trabalho']))) {echo "selected=\"selected\"";} ?>>oral</option>
        <option value="5" <?php if (!(strcmp(5, $row_listaTrabalhos['status_trabalho']))) {echo "selected=\"selected\"";} ?>>poster</option>
        <option value="6" <?php if (!(strcmp(6, $row_listaTrabalhos['status_trabalho']))) {echo "selected=\"selected\"";} ?>>não selecionado</option>
    </select>

    <textarea class="group-<?php echo $i; ?>" name="motivoDevolucao[]" cols="100" rows="2" wrap="physical" style="display:none;">&nbsp;</textarea>

    <input type="hidden" class="group-<?php echo $i; ?>" name="id_autor[]" value="<?php echo $row_listaTrabalhos['id_usuario']; ?>" />
    <input type="hidden" class="group-<?php echo $i; ?>" name="token_trabalho[]" value="<?php echo $row_listaTrabalhos['token_submissao']; ?>" />
    <input type="hidden" class="group-<?php echo $i; ?>" name="marcadorStatus[]" value="<?php echo $row_listaTrabalhos['status_trabalho']; ?>" />
    <input type="hidden" class="group-<?php echo $i; ?>" name="nome[]" value="<?php echo $row_listaTrabalhos['nome_usuario'] . " " . $row_listaTrabalhos['sobrenome_usuario']; ?>" />
    <input type="hidden" class="group-<?php echo $i; ?>" name="email_usuario[]" value="<?php echo $row_listaTrabalhos['email_usuario']; ?>" />

    <? ++$i; ?>
<?php } while ($row_listaTrabalhos = mysqli_fetch_assoc($listaTrabalhos)); ?>
</form>

至于 ajax 调用,我认为您想使用 .serialize(),而不是 .serializeArray()

$('#resultado_trabalhos').submit(function(e) {
    e.preventDefault();

    var $form = $(this);

    // This will hold the input elements to be submitted.
    var inputs = [];

    // Add any inputs that should always be submitted.
    inputs.push.apply(inputs, $form.find('.always-submit').get());

    // Loop through all the "status_trabalho[]" selects.
    $form.find('select[name="status_trabalho[]"]').each(function() {
        var $select = $(this);
        // Check if the select value was changed.
        if ($select.val() != $select.nextAll('input[name="marcadorStatus[]"]:first').val()) {
            // Push all the inputs from the group onto the "inputs" array.
            inputs.push.apply(inputs, $form.find('.group-' + $select.attr('data-group-index')).get());
        }
    });

    $.ajax({
        type: 'post',
        url: 'someUrl',
        data: $(inputs).serialize(),
        // ...
    });
});