當我的JavaScript修改html並顯示AJAX結果時，如何在新頁面中顯示結果？

Question

當我單擊按鈕時，頁面已被javascript修改，但由於修改的結果在同一頁面上，因此我無法返回初始頁面。我希望瀏覽器將被javascript修改的頁面視為新頁面，以便我可以返回到初始頁面。

<button onclick="showUser();">THANKS </button>

    function showUser() {
       var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {

             fnc(this);
             var p=JSON.parse(this.responseText);


             }

             var para= document.createElement("p");
              para.setAttribute("id","dynamicpara")  ;
             para.innerHTML=p[1].name;
             var element=document.getElementById("STAR");
             element.appendChild(para);



          }
        };
        xhttp.open("GET", "getuse.php", true);
        xhttp.send(); 
    }

Answer 1

好的，您只想回去。 我在您的JavaScript中找到了這段代碼

 function myDivert(){
     window.location.href="https://tickety-boo-scratch.000webhostapp.com/index1.html";
 }

從而使您重新進入index1.html頁面。 您可以將其更改為

 function myDivert(){
     window.location.href="https://tickety-boo-scratch.000webhostapp.com";
 }

返回原始頁面。 請注意， index.html和index1.html是完全不同的頁面。

似乎您想在單擊后保留中間頁並顯示更多內容。 在這種情況下，您可以簡單地將內容附加到中間頁的某個div中。

編輯

我不能完全按照你的意願去做，但是我給你一個主意。 在您進行狀態更改時，URL不會表示更改。 您想做一些叫做深度鏈接的事情。

您可以使用window.location.hash來執行此操作，但是您需要相應地更改URL，以便用戶可以使用后退或前進按鈕來回移動，並且ajax修改（如您所說）仍然對用戶可見。

但是要完成此操作，您需要一個檢查哈希的計時器。

這與用於深層鏈接的選項卡式界面相同，您可以完全實現此目的。