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

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

Answer 3

您好，我已经修改了您的代码，请检查。

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

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

3 个答案: