使用ajax从HTML输入>日期保存值

Question

I'm trying to save date using html input = date and ajax. but it didn't save.

html code:

<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

data：{“ dtrec”：dtrec}数据JSON对象中的键应加引号，否则将其解析为变量，当然，数据JSON对象的值部分的变量dtrec应该序列化为有效json。

Answer 3

Hello I have modified your code please check.

 $('#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>