php - ajax 自动将所有输入作为数组发送[重复]答案

【问题标题】：php - ajax sending automatically all the inputs as an array [duplicate]php - ajax 自动将所有输入作为数组发送[重复]
【发布时间】：2018-09-27 13:33:58
【问题描述】：

我有一个经常变化的表格。每次表单发生变化时，我都会尝试找到不编辑 AJAX 调用的解决方案。

例如：

表格：

<form>
    <label>RED</label>
    <input type="text" id="RED"><br>
    <label>BLUE</label>
    <input type="text" id="BLUE"><br>
    <label>YELLOW</label>
    <input type="text" id="YELLOW"><br>
    <label>ORANGE</label>
    <input type="text" id="ORANGE"><br>
    <label>PINK</label>
    <input type="text" id="PINK"><br>
    <label>GREEN</label>
    <input type="text" id="GREEN"><br>

    <input type="submit" name="submit">
</form>

AJAX 调用：

<script type="text/javascript">

$(document).on("click", ".fiche_client--btn--actualiser", function(e){   
  e.preventDefault();

    // Informations Personnelles
    var RED = $('#RED').val();
    var BLUE = $('#BLUE').val();
    var YELLOW = $('#YELLOW').val();
    var ORANGE = $('#ORANGE').val();
    var PINK = $('#PINK').val();
    var GREEN = $('#GREEN').val();

  $.ajax({
    type:'POST',
    data:{
        RED:RED,
        BLUE:BLUE,
        YELLOW:YELLOW,
        ORANGE:ORANGE,
        PINK:PINK,
        GREEN:GREEN,
        },
    url:'/url/colors.php',
    success:function(data) {                
      if(data){
        alert('Pocket!');
      }else{
        alert('Update failed');
      }
    }
  });
});

</script>

我正在尝试使流程自动化：

1/ AJAX 的调用了解<input> 有多少，自动将它们放入 javascript 中的 var 并自动放入 ajax 部分中的 data。

2/ ajax调用的脚本（/url/color.php）获取结果为数组，像这样[RED] => input's content [BLUE] => input's content [YELLOW] => input's content（等等...）

这在 php 中是可行的还是完全不可能的？

【问题讨论】：

stackoverflow.com/questions/1960240/jquery-ajax-submit-form
当您可以简单地通过 POST 直接将表单提交到您的 colors.php 时，为什么还要使用 ajax 调用？

标签： javascript php arrays ajax automation

【解决方案1】：

如果我正确理解了这个问题，那么在 jQuery 中绝对有这样的东西：它被称为 .serialize()。它将获取表单中的所有输入并从中创建一个查询字符串：

$(document).on("click", ".fiche_client--btn--actualiser", function(e){   
  e.preventDefault();

    // Informations Personnelles
    let data = $("form").serialize();

  $.ajax({
    type:'POST',
    data: data,
    url:'/url/colors.php',
    success:function(data) {                
      if(data){
        alert('Pocket!');
      }else{
        alert('Update failed');
      }
    }
  });
});

【讨论】：