Come usare Jquery.Get in HTML

November 14

Come usare Jquery.Get in HTML


Il framework jQuery JavaScript conferisce sviluppatori di siti web, con il potere di creare interazione asincrona tra il visitatore di un sito web e il server che ospita i file HTML del sito. interazione asincrona permette al visitatore di accedere set di dati senza la necessità di aggiornare l'interezza della pagina HTML quando si verifica una variazione dei dati. Il metodo di jQuery Ottenere fornisce lo strumento che viene utilizzato dallo sviluppatore per integrare questi dati nella pagina HTML.

istruzione

1 Integrare jQuery con la tua pagina HTML. Molti sviluppatori collegamento alla versione più recente di jQuery come ospitato da Google. L'esempio seguente crea il collegamento necessario alla versione 1.4.2 di jQuery. Questo codice deve essere inserito tra i tag <head> e </ head> tag del documento HTML.

<Script type = "text / javascript" E 'importante notare che non si è limitato al recupero dei dati da file XML. Si può anche scegliere di estrarre i dati da JSON, HTML, testo e altri.

<Script>

$ .get ( "yourData.xml", funzione (dati) {

});

</ Script>

4 Istruire la nuova funzione jQuery per eseguire un'azione. Nell'esempio, la funzione dei dati utilizzerà il metodo GET per restituire i dati dal file yourData.xml: posto che i dati in una finestra di avviso; e visualizzare i dati per l'utente web accompagnato dai "dati caricati" dichiarazione.

<Script>

$ .get ( "yourData.xml", funzione (dati) {

alert ( "dati caricati:" + dati);

});

</ Script>

Consigli e avvertenze

  • La versione completa del codice esempio una volta integrato con il documento HTML sarà il seguente.
  • <Html>
  • <Head>
  • <Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
  • </ Script>
  • <Script type = "text / javascript">
  • $ .get ( "yourData.xml", funzione (dati) {
  • alert ( "dati caricati:" + dati);
  • });
  • </ Head>
  • <Body>
  • </ Body>
  • </ Html>

Articoli Correlati