Nwlapcug.com


Come utilizzare Jquery.Get in HTML

Come utilizzare Jquery.Get in HTML


Il framework JavaScript jQuery dota sviluppatori di siti Web con il potere di creare l'interazione asincrona tra il visitatore di un sito Web e il server che ospita il file HTML del sito. L'interazione asincrona permette al visitatore di accedere ai set di dati senza la necessità di aggiornare l'intera pagina HTML quando si verifica un cambiamento nei dati. Il metodo Get di jQuery fornisce lo strumento che viene utilizzato dallo sviluppatore per incorporare questi dati nella pagina HTML.

Istruzioni

1

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

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

< script >

ottenere $("yourData.xml", funzione {

});

< / script >

4

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

< script >

ottenere $("yourData.xml", funzione {

Alert ("dati caricati:" + dati);

});

< / script >

Consigli & Avvertenze

  • La versione completa del codice di esempio, una volta integrato con il documento HTML sarà come segue.
  • < html >
  • < head >
  • < script type = "text/javascript" src = "l'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" >
  • < / script >
  • < script type = "text/javascript" >
  • ottenere $("yourData.xml", funzione {
  • Alert ("dati caricati:" + dati);
  • });
  • < / head >
  • < corpo >
  • < / body >
  • < / html >