Question

我使用 Ajax 在点击按钮时显示html页面。

我需要的是创建另一个按钮来关闭ajax html页面。我已经尝试了abort（），但这不是我需要的，我需要关闭页面而不是中止HTTP请求。

<!DOCTYPE html>
<html>

<body>


  <p id="demo">When you click the button it will load an HTML page</p>

  <button type="button" onclick="loadDoc()">Open HTML Page</button>

  <script>
    function loadDoc() {
      var xhttp;
      if (window.XMLHttpRequest) {
        // code for modern browsers
        xhttp = new XMLHttpRequest();
      } else {
        // code for IE6, IE5
        xhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
          document.getElementById("demo").innerHTML = this.responseText;
        }
      };
      xhttp.open("GET", "mypage.html", true);
      xhttp.send();
    }
  </script>

</body>

</html>

Answer 1

<button type="button" 
  onclick="document.querySelector('#demo').style.display='none'">Close HTML Page</button>

或

<button type="button" 
  onclick="document.querySelector('#demo').innerHTML==''">Close HTML Page</button>

使用按钮

上的ID可以不引人注意地附加任何一个

如果您使用第一个，则需要添加到加载：

document.querySelector("#demo").innerHTML = this.responseText;      
document.querySelector('#demo').style.display="";

Ajax http请求关闭

1 个答案: