javascript - 如何在ajax调用中每次点击按钮后刷新表格

Question

我想通过单击搜索按钮在表格中显示数据。我面临的问题是，如果“Fromdate - Todate”之间没有数据，错误就会正确出现，但现在我输入正确的 fromdate 和 todate，然后表中不会显示任何内容。我检查了 chrome 控制台数据来自后端但未显示在表格中

$('#paymentdetails').click(function() {

  var getData = basePath + 'Admin/GetPaymentsForDate/?FromDate=' + $(".datepickerInputFROM").val() + '&ToDate=' + $(".datepickerInputTO").val()
  if (($(".datepickerInputFROM").val() == "") && ($(".datepickerInputTO").val() == "")) {
    alertify.alert('Please select dates to proceed.')
    return false;
    //$('#financetbl').html('');
  } else if (($(".datepickerInputFROM").val() == "") || ($(".datepickerInputTO").val() == "")) {
    alertify.alert('Please select dates to proceed.')
    return false;
    //$('#financetbl').html('');
  }
  $.ajax({
    url: getData,
    async: true,
    success: function(response) {
      //  alert(response[0]);
      $('#financetbl').html('');
      // if (response.resultCourse != '' && response[0]!= 'null') {
      if (response.length > 0) {

        var tr;
        for (var i = 0; i < response.length; i++) {
          tr = '<tr>'
          tr += "<td>" + response[i].applicationNumber + "</td>";
          tr += "<td>" + response[i].applicantName + "</td>"

          tr += '</tr>'
          $('#financetbl tbody').append(tr);

        }
        inittable();
        console.log(response)

      } else {
        console.log(response)
        alertify.alert("Error : No Payments Details Found");
        //flush the table
        $('#financetbl').html('No Payments Details Found');
      }
    }
  });
});

Answer 1

我相信当你执行时:

$('#financetbl').html('');

然后 tbody 消失了，您将失去选择器:

$('#financetbl tbody').append(tr);

我认为第一行应该是:

$('#financetbl tbody').empty();