Сохранение значения из html input> date с помощью ajax

Question

Я пытаюсь сохранить дату, используя html input = date и ajax. но это не спасло.

HTML-код:

<td class="dtreq"><input type="text" class="dtreq" name="dtreq" id="dtreq"></td>

Ajax:

$('#save').click(function(){
var dtreq = [];

$('.dtreq').each(function(){
    dtreq.push($(this).val());
    });

    $.ajax({
      url:"insert_punchlist_form.php",
      method:"POST",
      data:{dtreq:dtreq},
      success:function(data){
        alert(data);
        $("td[contentEditable='true']").text("");
        $('select').prop('selectedIndex',0);
        for(var i=2; i<= count; i++){
          $('tr#'+i+'').remove();
        }
      }
    });
});

Answer 1

$('#save').click(function(){
var dtreq = [];

$('input.dtreq').each(function(){

    dtreq.push($(this).val());
    });
    
    console.log(dtreq);
    $.ajax({
      url:"insert_punchlist_form.php",
      method:"POST",
      data:{dtreq:dtreq},
      success:function(data){
        alert(data);
        $("td[contentEditable='true']").text("");
        $('select').prop('selectedIndex',0);
        for(var i=2; i<= count; i++){
          $('tr#'+i+'').remove();
        }
      }
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<td class="dtreq"><input type="text" class="dtreq" name="dtreq" id="dtreq"></td>
<td class="dtreq"><input type="text" class="dtreq" name="test1" id="test1"></td>
<td class="dtreq"><input type="text" class="dtreq" name="test2" id="test2"></td>
<button id="save">Save</button>

Answer 2

Здравствуйте, я изменил ваш код, пожалуйста, проверьте.

$('#save').click(function(){
var dtreq = [];

$('.dtreq').each(function(){
    console.log($(this).val());
    dtreq.push($(this).val());
    });

    $.ajax({
      url:"insert_punchlist_form.php",
      method:"POST",
      data:{dtreq:dtreq},
      success:function(data){
        alert(data);
        $("td[contentEditable='true']").text("");
        $('select').prop('selectedIndex',0);
        for(var i=2; i<= count; i++){
          $('tr#'+i+'').remove();
        }
      }
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<td class="dtreq"><input type="text" class="dtreq" name="dtreq" id="dtreq"></td>

<button id="save">Save</button>

Answer 3

данные: {"dtrec": dtrec} ключ в объекте JSON данных должен быть заключен в кавычки, иначе он будет проанализирован как переменная и, конечно, переменная dtrec части значения объекта JSON данных должна быть сериализована как допустимый json