Ajax http请求关闭

我正在使用Ajax在单击按钮时显示html页面。Ajax http请求关闭

我需要的是创建另一个按钮来关闭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>

来源

2016-10-19 The Runner

'xhttp.close （）' –

<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="";

来源

2016-10-19 12:03:49 mplungjan

你的代码是完美的，但是为什么当我关闭它并再次打开时，一个单词显示“undefined”？ @mplungjan –

你是否总是打开同一页面？那么不要再次做ajax，只需再次显示页面 – mplungjan

Ajax http请求关闭

回答

相关问题