Comment puis-je supprimer la chaîne de requête de l'url après le chargement de la page?

J'ai une URL avec une longue chaîne de requête attaché à elle.
Après le chargement de la page, je n'ai pas besoin de la chaîne de requête. Je tiens donc à supprimer la chaîne de requête à partir de la barre d'adresse sans rechargement de la page.

J'ai essayé parent.location.hash = ''; et window.location.href = '/#'

Ils n'ont pas à faire la différence.

  • de hachage est celle qui vient après la #. chaîne de requête est l'un après l' ? mais avant de le #. ce que vous faites n'a pas de sens. pourquoi voudriez-vous cacher?
  • lire stackoverflow.com/questions/136458/...
  • veuillez tester mon code si ça marche ou pas 🙂
InformationsquelleAutor Sangam254 | 2012-05-22
  1. 8

    Vous ne pouvez pas faire cela sans avoir à recharger la page, imaginez si vous pouviez mettre tout ce que tu voulais dans la barre d'adresse du navigateur? La sécurité du plaisir 🙂

    Bien que vous pouvez maintenant le faire en HTML5 (qui ne fonctionne que sur les navigateurs le supportant) à l'aide de la nouvelle l'histoire de l'API, mais en réalité, votre scénario de la meilleure des garanties d'une réécriture au lieu de qui (semble masse pour casser une noix).

    Comme vous l'avez dit vous n'avez pas besoin de la chaîne de requête après le chargement de la page, vous devriez vraiment post de retour, alors redirigé vers une autre URL après que vous avez terminé votre traitement.

    • Ce n'est pas vrai. Le l'histoire de l'API la rend possible. Il a certaines limites, la principale étant que vous ne pouvez pas modifier l'URL de celui qui apparaît sur une origine différente, mais la question n'a pas besoin de switch origines.
    • Vous avez raison, je ne peux pas le supprimer (il est accepté) donc j'ai édité pour l'incorporer. J' +1ed aussi la vôtre 🙂
    InformationsquelleAutor mattytommo
  2. 36

    Comme d'autres l'ont dit, vous pouvez le faire à l'aide de la L'histoire de l'API dans les navigateurs modernes (IE10+, FF4+, Chrome5+). Il n'y a aucun exemple dans les réponses, donc pensé que je vous ferais partager ma solution, j'ai juste eu à faire la même chose:

    history.pushState(null, "", location.href.split("?")[0]);

    Si vous utilisez Modernizr, vous pouvez également vérifier si l'Histoire de l'API est disponible comme suit:

    if (Modernizr.history) {
    history.pushState(null, "", location.href.split("?")[0]);
}
    InformationsquelleAutor germankiwi
  3. 17

    Qui est réalisable dans les navigateurs modernes à l'aide de l'histoire de l'api, mais n'est probablement pas la meilleure solution à votre problème.

    history.replaceState({}, 'some title', '/');

    On dirait que tu serais mieux de traitement de données, puis de les rediriger vers la page d'accueil au lieu de retourner un document HTML directement.

    Puisque vous n'êtes pas désireux de garder l'URL, il ne sera pas utile pour le partage de signets, de sorte qu'il est fort probable que vous serait mieux de faire une requête POST.

    Ceci suggère que vous devriez être à l'aide de la POST-Rediriger-GET modèle.

    • Je ne peux pas utiliser un POST parce que c'est les données de google analytics qui est passé dans la chaîne de requête
    • Je ne vois pas comment qui suit. Même si elle le fait, vous pouvez toujours vous rediriger.
    • Vous êtes un sauveteur! Merci...fonctionne comme un charme!
    InformationsquelleAutor Quentin
  4. 3

    Utilisation history.replaceState({}, "Title", "page.html");

    même syntaxe pour pushState. Cependant, vous aurez à trouver un moyen de rendre IE comprendre.

    Une meilleure approche serait d'utiliser Apache mod_rewrite module. Il est très facile à utiliser.

    • Mais mod_rewrite rediriger vers le garni url avant le chargement de la page
    InformationsquelleAutor d4rkpr1nc3
  5. 3

    Supprimer la valeur de chaîne de requête à partir de la barre d'adresse de

    var uri = window.location.toString();
if (uri.indexOf("?") > 0) {
    var clean_uri = uri.substring(0, uri.indexOf("?"));
    window.history.replaceState({}, document.title, clean_uri);
}
    InformationsquelleAutor Fezal halai
  6. 2

    J'utilise ce code snippit dans mes projets personnels où j'ai besoin de supprimer l'URL params sans re-chargement:

    var newURL = location.href.split("?")[0];
window.history.pushState('object', document.title, newURL);
    InformationsquelleAutor ChristianG
  7. 0

    Mis à jour le Code Maintenant, il va travailler

    Juste Ajouter le code ci-Dessous dans votre page dont le lien que vous souhaitez modifier.

    //javascript function

   function buildLin(first) {
    var firs = first.toString()
       //alert(firs);
       //document.getElementById("team").value = "1";
           document.location.hash = "#" + firs.replace(//g, "_");
        //alert(document.location.hash);
    }

 //jQuery to call above function after page loads

  $(document).ready(function () {
      buildLin(2);
  });

    N'oubliez pas d'ajouter http://code.jquery.com/jquery-latest.js
    sur votre page

    • Merci pour le code. Mais il ajoute un #2 à la fin de l'url(après la chaîne de requête). J'ai voulu supprimer la chaîne de requête de l'url après le chargement de la page.
    InformationsquelleAutor Code Spy
  8. 0

    Que j'ai rencontré le même problème. Ma solution a été de ces:
    Obtenez la requête comme ceci:

    operation.aspx?opr=lock

    Après la fin de l'opération de redirection comme ceci:

    Response.Redirect("operation.aspx");

    Dans la réponse, si il n'y a aucun message, j'ai l'impression comme ça:

    if (Session["InfoMessages"] != null)
{
    lblMessage.Text = (string)Session["InfoMessages"];
    Session["InfoMessages"] = null;
}

    J'espère que ça aidera d'autres personnes 🙂

    InformationsquelleAutor Recev Yildiz
  9. 0

    Je veux ajouter un moyen de plus pour ce faire, en particulier pour ceux qui sont à l'aide de $routeProvider.

    Comme il a été mentionné dans d'autres réponses, vous faites cela en utilisant:

    var yourCurrentUrl = window.location.href.split('?')[0]; 
window.history.replaceState({}, '', yourCurrentUrl );

    ou par la création d'un nouveau record dans l'histoire de la pile:

    window.history.pushState({}, '', yourCurrentUrl );

    Pour une très détaillé et agréable explication à propos de faire avec history.pushState et history.replaceState , vous pouvez lire ce post sur DONC .

    TOUTEFOIS, si vous utilisez Angulaire $routeProvider dans votre application, alors il sera encore la capture de ce changement si cela correspond à aucun modèle existant. Pour éviter cela, assurez-vous que votre $routeProvider a reloadOnSearch indicateur a la valeur false car par défaut il est true .

    Par exemple:

    $routeProvider.when("/path/to/my/route",{
   controller: 'MyController',
   templateUrl: '/path/to/template.html',
   //Secret Sauce
   reloadOnSearch: false//Make sure this is explicitly set to false
});
    InformationsquelleAutor curiousBoy
  10. -1

    Vous pourriez éviter de chaîne de requête tout en utilisant POST au lieu de GET.

    • Je ne peux pas utiliser un POST parce que c'est les données de google analytics qui est passé dans la chaîne de requête
    InformationsquelleAutor Widor