当我的JavaScript修改html并显示AJAX结果时,如何在新页面中显示结果?

时间:2018-07-19 09:23:13

标签: javascript html ajax

当我单击按钮时,页面被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(); 
    }

1 个答案:

答案 0 :(得分:1)

好,您只想回去。我在您的JavaScript中找到了这段代码

src

正在重新引导您进入 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是完全不同的页面。

似乎您想在单击后保留中间页并显示更多内容。在这种情况下,您可以简单地将内容附加到中间页的某个div中。

修改

我不能完全按照您的意愿去做,但是我给您一个主意。在您进行状态更改时,URL不会表示更改。您想要执行称为深层链接的操作。

您可以使用index1.html进行此操作,但是您需要相应地更改URL,以便用户可以使用后退或前进按钮来回移动,并且ajax修改(如您所说)仍然对用户。

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

这与用于深层链接的选项卡式界面相同,您可以完全实现此目的。