martedì 6 maggio 2014

Come modificare l'URL senza aggiornare la pagina web

Molte applicazioni web, in questi giorni, modificare o cambiare indirizzo senza aggiornare la pagina web. Facebook è un grande esempio. Questo sembra abbastanza veloce e indice in grado troppo.Questo è supportato da Chrome, Safari, FF4 +, e IE10 e sopra.
1
2
3
4
5
function processAjaxData ( answer , url ) { 
     document. getElementById ( "mycontainer" ) . innerHTML  = answer. html ; 
     document. title  = answer. pageTitle ; 
     window. history . pushState ( { "html" : answer. html , "pageTitle" : answer. pageTitle } , "" , url ) ; 
 }
Per rilevare l'avanti / indietro pulsante di navigazione, si deve usare il codice seguente:
1
2
3
4
5
6
window. onpopstate  =  function ( event ) { 
    if ( event. state ) { 
        document. getElementById ( "mycontainer" ) . innerHTML  = event. state . html ; 
        document. title  = event. state . pageTitle ; 
    } 
} ;
Questo è tutto, provare almeno una volta.

Nessun commento:

Posta un commento

Nota. Solo i membri di questo blog possono postare un commento.