Comment modifier l'URL sans recharger la page ?

Question

Existe-t-il un moyen de modifier l'URL de la page actuelle sans recharger la page ?

Je voudrais accéder à la partie avant le # hash si possible.

Je dois seulement changer la portion après le domaine, donc ce n'est pas comme si je violais les politiques inter-domaines.

 window.location.href = "www.mysite.com/page2.php";  // Sadly this reloads

Answer 1

C'est tout ce dont vous aurez besoin pour naviguer sans rechargement

// add setting without reload 
location.hash = "setting";

// if url change with hash do somthing
window.addEventListener('hashchange', () => {
    console.log('url hash changed!');
});

// if url change do somthing (dont detect changes with hash)
//window.addEventListener('locationchange', function(){
//    console.log('url changed!');
//})

// remove #setting without reload 

history.back();

Answer 2

Vous pouvez utiliser AJAX. AJAX revient à recharger une partie seulement de la page. AJAX est utilisé via javascript. Vous pouvez simplement recharger l'url.

Answer 3

En supposant que vous n'essayez pas de faire quelque chose de malveillant, tout ce que vous souhaitez faire à vos propres URLs peut être réalisé avec la magie de l'URL. htaccess .

Answer 4

Il suffit d'utiliser, il ne rechargera pas la page, mais seulement l'URL :

$('#form_name').attr('action', '/shop/index.htm').submit();