nascondi le variabili passate nell'URL

Question

Abbiamo lavorato su un'applicazione web e abbiamo appena finito, ma c'è una cosa che ci infastidisce (anche se non significa che fermerà la produzione.)

Quando chiamiamo una delle pagine (index.html), a volte dobbiamo passare una variabile nell'URL (searchid). Quindi otteniamo una pagina come http://domain.com/index.html?searchid=string.

Preferiamo non mostrare il ?searchid=string, ma non sono sicuro di come lo faremmo.

Il mio gruppo non possiede la pagina index.html (ma stiamo lavorando con il gruppo che lo fa), quindi non so quanto saremmo in grado di fare con qualcosa come .htaccess o simile.

Stavo pensando alla variabile POST, ma non so come riceverla con solo HTML e jQuery. Un'altra persona nel mio gruppo ha pensato che dopo la pagina caricata potessimo rimuoverla dall'URL, ma presumo che avremmo bisogno di un aggiornamento della pagina che quindi perderebbe comunque i dati.

Sto cercando di evitare XY problema in cui il problema è X e chiedo di Y, quindi qual è il modo giusto per rimuovere la variabile dall'URL?

Answer 1

tua domanda sembra indicare che la pagina di destinazione non è e non è sarà alimentato da un po 'di script lato server. Se questo è il caso, io suggerirei di cambiare la querystring ad un hash, che ha il vantaggio di essere direttamente modificabile senza innescare una pagina-carico:

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> 

Anche se, sarebbe meglio per ottenere alcuni script sul lato server coinvolti qui.

Answer 2

È possibile riscrivere l'URL utilizzando l'API della cronologia di JavaScript. History.js è una libreria che funziona molto bene.

Detto questo, non penso che sia necessario rimuovere la stringa di query dall'URL, a meno che non si modifichi dinamicamente il contenuto della pagina per rendere irrilevante l'attuale stringa di query.

Answer 3

È possibile utilizzare l'API di storia, ma richiede un browser moderno

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

che causerà il vostro URL di apparire come /index.html senza ricaricare la pagina

Maggiori informazioni qui:

Manipulated the browser history

Answer 4

Si potrebbe inviare i dati, quindi lasciare che il server include i dati pubblicati nella pagina, ad esempio:

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

Questo funziona cross-browser.