Tengo una pregunta Cómo cambiar la URL sin cargar . Estoy trabajando en un proyecto PHP
, JavaScript
. Estoy tratando de hacer sin cargar la página de inicio. en el contenido de la sección de encabezado de inicio, algunos botones como: -
en el botón de clic que cargar datos usando XMLHttpRequest()
y quiero cambiar Url como: -
https://example.com/home
a https://example.com/search
var xmld = new XMLHttpRequest(); xmld.open("GET", "/Api/SearchPage", true); xmld.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmld.onreadystatechange = function() { if (xmld.readyState == 4 && xmld.status == 200) { var json = JSON.parse(xmld.responseText); if (json.Status == "Ok") { doument.querySelector("#content").innerHTML = json.HTMLData; window.location.href = "https://exmaple.com/Search"; // without load } } } xmld.send();
por ejemplo, cuando hace clic en un elemento, la URL cambia sin carga
No estoy usando ningún marco js y php
¿¿Es posible??
si no usa un marco window.history.pushState()
hará lo que desea. Consulte este enlace: https://developer.mozilla.org/en-US/docs/Web/API/History/pushState
Use un administrador de estado como Redux con un marco Javascript moderno como ReactJs.