2015-11-12 8 views
6

Devo caricare un file HTML in un div esistente quando la larghezza della finestra è inferiore a 600px.La funzione di caricamento di jQuery non funziona localmente

Il codice è:

<head> 
<script> 
    $(document).ready(function(){ 
     if($(window).width() < 600) { 
      $("#testing_div").load("C:/Users/elena/Desktop/Demo/prova.html"); 
     } 
    }); 
</script> 
</head> 
<body> 
    <div id="testing_div"> </div> 
</body> 

Ho testato questo codice sul mio sito web e funziona, ma forse sto facendo qualcosa di sbagliato per farlo funzionare a livello locale.

C'è una ragione per cui la funzione load non funziona localmente ma solo su un server web?

+10

Non è possibile effettuare richieste al file system locale - è necessario utilizzare un server web. –

+1

La tua console del browser è la tua migliore amica. "Le richieste di origine incrociata sono supportate solo per gli schemi di protocollo: http, data, chrome, chrome-extension, https, chrome-extension-resource." Inoltre, dove si collega alla libreria jQuery? Dovrebbe essere tra i tag '' – NewToJS

+1

Immaginate quali problemi di sicurezza emergono se questo tipo di accesso al file system è disponibile dal lato client. – px5x2

risposta

4

Il motivo è la sicurezza. L'esecuzione di pagine Web tramite il protocollo file:// ha disabilitato molte funzionalità a causa di problemi di sicurezza. Puoi creare un server web in javascript tramite Node.js e puoi avere un server web nel locale senza installare apache o qualcosa di simile. pagina web

Node.js:

https://nodejs.org/en/

-1

Ho 2 modi per risolverlo rapidamente.

1 - È possibile scaricare l'estensione "Allow-Control-Allow-Origin" su google chrome.

2 - È possibile installare il programma di wamp, la wamp simulerà un server web locale. In questo caso, accederai alla tua pagina utilizzando: "localhost/name_of_the_page.html"

+0

WAMP è eccessivo per questo. Un semplice Node.js 'serve' sarà sufficiente. – Matheus208

+0

ok @ Matheus208, ma in futuro lo metterà su webserver. –

Problemi correlati