javascript - 当我的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 修改(如您说)仍然对用户可见。

但要完成此操作，您需要一个检查哈希值的计时器。

这与深度链接的选项卡式界面相同，您可以用它准确地实现您想要做的事情。