Question

我有一个页面，显示一组详细信息，例如学生姓名，部门和学生身份，学生班级和“无空缺”按钮。如果特定班级没有空缺，并且我单击页面上的“无空缺”按钮，则电子邮件将发送，并且学生身份将更改。这是我为应用程序准备的工作流程。

我的问题是，一旦我单击“无空缺”按钮，则应将其从页面中删除。我试过了，那也有效。但是，当我重新加载页面时，“无空缺”按钮又回到该页面。发送电子邮件后，我想从页面上完全删除该按钮。

你们中的任何一个可以帮助我吗？

function noOpening() {
  var candidateName = "Hello"
  var candidateclass = "BE"

  $.ajax({
    type: 'POST',
    url: "/noopening/email",
    data: {
      'candidatename': candidateName,
      'candidateclass': candidateclass,
    },
    success: function(result) {
      if (result.error == "Success") {
        alert("sent");
      } else {
        alert("cannot be sent");
      }
    }
  })
  document.getElementById('loader').style.visibility = 'hidden';
}

<div class="col-md-4 form-display">
  <label class="col-md-8" for="Candidate Name:">Candidate Name:</label>
  <label class="col-md-8" for="candidateName">{{candidate_name}}</label>

</div>
<div class="col-md-4 form-display">
  <label class="col-md-8" for="Candidate class:">Candidate class:</label>
  <label class="col-md-8" for="candidateclass">{{candidate_class}}</label>

</div>
<div class="col-md-4 form-display">
  <label class="col-md-8" for="Candidate status:">Candidate status:</label>
  <label class="col-md-8" for="candidatestatus">{{candidate_status}}</label>

</div>
<div id="loader" visibility="visible">
  <input type="button" id="hideButton" onclick="noOpening()" value="No opening">
</div>

重新加载后再次显示隐藏按钮

0 个答案: