Ajax http request close

ボタンをクリックしたときにhtmlページを表示するには、Ajaxを使用しています。Ajax http request close

私が必要とするのは、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 –

あなたはいつも同じページを開きますか？次に、もう一度ページを表示して、もう一度アヤックスをやってはいけません – mplungjan

Ajax http request close

答えて

関連する問題