Ukryj zmienne przekazane w URL

Question

Pracujemy nad aplikacją internetową i właśnie skończyliśmy, ale jest jedna rzecz, która nam przeszkadza (choć w żadnym wypadku nie ma to na celu zatrzymania produkcji).

Kiedy wywołujemy jedną ze stron (index.html), czasami musimy przekazać jej zmienną w adresie URL (searchid). Dostajemy stronę taką jak http://domain.com/index.html?searchid=string.

Chcielibyśmy nie chcieć pokazywać numeru ?searchid=string, ale nie jestem pewien, jak byśmy to zrobili.

Moja grupa nie jest właścicielem strony index.html (ale pracujemy z grupą, która to robi), więc nie wiem, ile byśmy mogli zrobić z czymś takim jak .htaccess lub podobnym.

Myślałem o POST zmiennej, ale nie wiem jak ją otrzymać za pomocą HTML i jQuery. Inna osoba w mojej grupie uważała, że ​​po załadowaniu strony możemy usunąć ją z adresu URL, ale zakładam, że potrzebowalibyśmy odświeżenia strony, która i tak by utraciła dane.

Próbuję uniknąć XY problemu, gdzie problem jest X i pytam o Y, więc jaki jest właściwy sposób, aby usunąć zmienną z adresu URL?

Answer 1

Twoje pytanie wydaje się wskazywać, że strona docelowa nie jest i nie będzie zasilany przez jakiś skrypt po stronie serwera. Jeśli jest to sprawa, którą proponujemy zmianę ciągu kwerendy do mieszania, co ma tę zaletę, że bezpośrednio edytowalne bez wyzwalania wczytywanie strony:

http://yourdomain.com/page.html#search=value

<script type='text/javascript'> 
    // grab the raw "querystring" 
    var query = document.location.hash.substring(1); 

    // immediately change the hash 
    document.location.hash = ''; 

    // parse it in some reasonable manner ... 
    var params = {}; 
    var parts = query.split(/&/); 
    for (var i in parts) { 
    var t = part[i].split(/=/); 
    params[decodeURIComponent(t[0])] = decodeURIComponent(t[1]); 
    } 

    // and do whatever you need to with the parsed params 
    doSearch(params.search); 
</script> 

chociaż byłoby lepiej, aby uzyskać tutaj trochę skryptów po stronie serwera.

Answer 2

Istnieje możliwość przepisania adresu URL za pomocą interfejsu API historii JavaScript. History.js to biblioteka, która robi to bardzo dobrze.

Nie sądzę, że istnieje potrzeba usunięcia ciągu zapytania z adresu URL, chyba że dynamicznie zmieniasz zawartość strony, aby bieżący ciąg zapytania był nieistotny.

Answer 3

Można użyć API historii, ale to wymaga nowoczesnej przeglądarki

history.replaceState({}, null, "/index.html"); 

który spowoduje adres URL do pojawiają się jako /index.html bez przeładowania strony

Więcej informacji tutaj:

Manipulated the browser history

Answer 4

można dodawać dane, pozwól serwer zawierać dane zamieszczone na stronie, na przykład:

echo "<script> post_data = ".json_encode($_POST)." </script>"; 

To działa w różnych przeglądarkach.