Question

我有一个标签，它具有数据库中的文本值。我尝试删除数据库中的数据，它的工作原理;数据已删除。但为什么我删除的数据仍然在标签中？在我运行删除数据后，我正在执行的功能window.location.reload。删除功能运行后，标签必须没有值。但在我的代码中，标签仍然具有价值。

这是我的代码

$(document).on('click', '#delete', function(e) {
  var data = $("#form_md2").serialize();
  $.ajax({
    data: data,
    type: "post",
    url: "../php/stock_opname/op_delete.php",
    success: function(data) {
      alert("Data: " + data);
    }
  });
  window.location.reload();
  clearInput();
});

$("form_input").submit(function() {
  return false;
});

function clearInput() {
  $("#form_input :input").each(function() {

    $('#p_awal').val('');
    $('#p_akhir').val('');


  });

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>
  <td width=1>
    <p align="left">Periode : <label id="p_awal" style="font-weight:normal"></label> s/d <label id="p_akhir" style="font-weight:normal"></label> </p>
</tr>

Answer 1

请勿使用value property但text()。

而不是$('#p_awal').val('');使用$('#p_awal').text('');

<label>没有通过value属性输出值。

Answer 2

试试，你有任何警报吗？

$.ajax({
    data: data,
    type: "post",
    url: "../php/stock_opname/op_delete.php",
    success: function(data) {
        $('#p_awal').text('');
        $('#p_akhir').text('');
        alert("Data: " + data);
    },
    error: function() {
       alert( "error" );
    }
  });

Answer 3

尝试放：

window.location.reload();
clearInput();

成：

success: function(data) {
    alert("Data: " + data);
}

结果：

success: function(data) {
  alert("Data: " + data);
  window.location.reload();
  clearInput();
}

为什么刷新页面后始终显示标签值

3 个答案: