向php页面发送空行

Question

我有以下表格，我们可以在表格中增加必要的内容如下：

​

function addAgregado(){ 
    $("#riscos").append("<div>"+$("#riscoform").html()+"</div>"); 
} 

function inserir_agregado()
{   
    var IdAgreg = [];
    $("input[name='IdAgreg[]']").each(function() {IdAgreg.push(this.value)});
    
    var Parent = [];
    $("input[name='Parent[]']").each(function() {Parent.push(this.value)});
    
    var ParentNome = [];
    $("input[name='ParentNome[]']").each(function() {ParentNome.push(this.value)});
    
    var ParentIdade = [];
    $("input[name='ParentIdade[]']").each(function() {ParentIdade.push(this.value)});
    
    var dadosajax = {
        'contribuinte' : $("#contribuinte").val(),
        'IdAgreg[]' : IdAgreg,
        'Parent[]' : Parent,
        'ParentNome[]' : ParentNome,
        'ParentIdade[]' : ParentIdade
    };
    
    $.ajax({
        url: 'regagregado.php',
        type: 'POST',
        cache: false,
        data: dadosajax,
        error: function(){
          Swal.fire("Erro!", "Tente novamente. Caso persista o erro, contatar Administrador!", "error");
        },
        success: function(result)
        {         
        }
    });    
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="hs_firstname field hs-form-field">
        
          <label for="educacao">Composição do Agregado Familiar (Parentesco, Nome e Idade) <span style="color: red;">*</span></label>

          <button type="button" class="hs-button primary large" onclick="addAgregado()" >Adicionar Familiar</button>
          
        </div>
         <div class="hs_firstname field hs-form-field" id="riscos">
     
     </div>
     
     <div id="riscoform" hidden> 
<table class="campo" cellspacing="10"> 
<tr>
<td style="display: none;">
    <div class="hs_firstname field hs-form-field">
        
        <label for="IdAgreg">Id </label>

        <input name="IdAgreg[]" type="text" >
        
    </div>

</td> 
<td>
    <div class="hs_firstname field hs-form-field">
        
        <label for="Parent">Parentesco </label>

        <input name="Parent[]" required="required" type="text" placeholder="" data-rule-required="true" data-msg-required="Campo obrigatório" >
        <span class="error1" style="display: none;">
            <i class="error-log fa fa-exclamation-triangle"></i>
        </span>
    </div>

</td> 
<td> 
    <div class="hs_firstname field hs-form-field">
        
        <label for="ParentNome">Nome </label>

        <input name="ParentNome[]" required="required" type="text" placeholder="" data-rule-required="true" data-msg-required="Campo obrigatório" >
        <span class="error1" style="display: none;">
            <i class="error-log fa fa-exclamation-triangle"></i>
        </span>
    </div> 
</td> 
<td>
    <div class="hs_firstname field hs-form-field">
        
        <label for="ParentIdade">Idade </label>

        <input name="ParentIdade[]" required="required" type="text" placeholder="" data-rule-required="true" data-msg-required="Campo obrigatório" >
        <span class="error1" style="display: none;">
            <i class="error-log fa fa-exclamation-triangle"></i>
        </span>
    </div> 
</td> 
</tr> 
</table> 

</div>

<input class="hs-button primary large action-button visivel" type="button" onclick="inserir_agregado();" value="Submeter">

​

所有代码都在工作，并被插入到数据库中。但是我有一个问题，每当我将它插入到数据库中时，总是插入一个空行。示例在填充两行时：

贡献者: xxxxxxxxx IdAgreg[]：Parent[]：Pai Parent[]：Mae Parent[]：ParentNome[]：Bruno ParentNome[]：Monica ParentNome[]：ParentIdade[]：37 ParentIdade[]：33 ParentIdade[]：

在这个例子中，我只填写了两行，但是当发送到页面时，regagregado.php会发送一个空行。原因何在？

Answer 1

我将更改您的.each()函数并传递$(this).val()。

并对结果进行Console.log分析。

下面的示例.

​

function addAgregado() {
  $("#riscos").append("<div>" + $("#riscoform").html() + "</div>");
}

function inserir_agregado() {
  var IdAgreg = [];
  $("input[name='IdAgreg[]']").each(function () {
    IdAgreg.push($(this).val());
  });

  var Parent = [];
  $("input[name='Parent[]']").each(function () {
    Parent.push($(this).val());
  });

  var ParentNome = [];
  $("input[name='ParentNome[]']").each(function () {
    ParentNome.push($(this).val());
  });

  var ParentIdade = [];
  $("input[name='ParentIdade[]']").each(function () {
    ParentIdade.push($(this).val());
  });

  var dadosajax = {
    contribuinte: $("#contribuinte").val(),
    "IdAgreg[]": IdAgreg,
    "Parent[]": Parent,
    "ParentNome[]": ParentNome,
    "ParentIdade[]": ParentIdade,
  };

  console.log(dadosajax);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="hs_firstname field hs-form-field">
  <label for="educacao"
    >Composição do Agregado Familiar (Parentesco, Nome e Idade)
    <span style="color: red">*</span></label
  >

  <button type="button" class="hs-button primary large" onclick="addAgregado()">
    Adicionar Familiar
  </button>
</div>
<div class="hs_firstname field hs-form-field" id="riscos"></div>

<div id="riscoform">
  <table class="campo" cellspacing="10">
    <tr>
      <td>
        <div class="hs_firstname field hs-form-field">
          <label for="IdAgreg">Id </label>
          <input name="IdAgreg[]" type="text" />
        </div>
      </td>
      <td>
        <div class="hs_firstname field hs-form-field">
          <label for="Parent">Parentesco </label>
          <input
            name="Parent[]"
            required="required"
            type="text"
            placeholder=""
            data-rule-required="true"
            data-msg-required="Campo obrigatório"
          />
          <span class="error1" style="display: none">
            <i class="error-log fa fa-exclamation-triangle"></i>
          </span>
        </div>
      </td>
      <td>
        <div class="hs_firstname field hs-form-field">
          <label for="ParentNome">Nome </label>
          <input
            name="ParentNome[]"
            required="required"
            type="text"
            placeholder=""
            data-rule-required="true"
            data-msg-required="Campo obrigatório"
          />
          <span class="error1" style="display: none">
            <i class="error-log fa fa-exclamation-triangle"></i>
          </span>
        </div>
      </td>
      <td>
        <div class="hs_firstname field hs-form-field">
          <label for="ParentIdade">Idade </label>

          <input
            name="ParentIdade[]"
            required="required"
            type="text"
            placeholder=""
            data-rule-required="true"
            data-msg-required="Campo obrigatório"
          />
          <span class="error1" style="display: none">
            <i class="error-log fa fa-exclamation-triangle"></i>
          </span>
        </div>
      </td>
    </tr>
  </table>
</div>

<input
  class="hs-button primary large action-button visivel"
  type="button"
  onclick="inserir_agregado();"
  value="Submeter"
/>

​