Come caricare un altro file html utilizzando JS

Sto provando a creare un sito Web e sto cercando di capire come caricare una pagina.Come caricare un altro file html utilizzando JS

Ad esempio:

Si fa clic sul navigatore "Home", allora una parte inferiore dello schermo Si carica un testo pagina di strega dicendo ad esempio "Ciao Parola!".

Qualcuno sa cosa fare? Sono abbastanza sicuro che coinvolge JavaScript.

fonte

2013-09-21 Shaun

http://www.w3.org/wiki/HTML_links_-_lets_build_a_web#What_are_links.3F – Quentin

Non molto utile per la mia comprensione, mi dispiace. – Shaun

Stai parlando di applicazioni a pagina singola? Rimani sempre sulla stessa pagina, ma il contenuto viene ricaricato. –

Per caricare dinamicamente il contenuto, è possibile effettuare una chiamata AJAX utilizzando XMLHttpRequest().

In questo esempio, un URL viene passato alla funzione loadPage(), in cui viene restituito il contenuto caricato.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <script type="text/javascript"> 
      function loadPage(href) 
      { 
       var xmlhttp = new XMLHttpRequest(); 
       xmlhttp.open("GET", href, false); 
       xmlhttp.send(); 
       return xmlhttp.responseText; 
      } 
     </script> 
    </head> 

    <body> 
     <div onClick="document.getElementById('bottom').innerHTML = 
         loadPage('hello-world.html');">Home</div> 

     <div id="bottom"></div> 
    </body> 

</html>

Quando si fa clic l'elemento div che contiene il testo di "casa", imposta il codice HTML di div elemento con id di "fondo" per il contenuto trovato nel documento "ciao-world.html" allo stesso relativa Posizione.

ciao-world.html

<p>hello, world</p>

fonte

2013-09-21 08:43:48

Grazie, ma una domanda in mente. Che dire di più di 1 pagine. Cosa succederebbe? – Shaun

È possibile caricare più documenti, sostituire o aggiungere contenuti richiamando ripetutamente questa implementazione. –

Grazie, amico! Sei fantastico. Grazie mille per il vostro aiuto. – Shaun

Ok, quello che stai cercando è una singola applicazione pagina.

Ci sono molte tecnologie che lo implementano, ma non così facilmente.

Ecco un tutorial che ho seguito per farlo: http://andru.co/building-a-simple-single-page-application-using-angularjs

Se si vuole andare avanti con ZPS, certamente dovrete modelli angolari.

fonte

2013-09-21 08:45:50

Come caricare un altro file html utilizzando JS

risposta

Problemi correlati