Come scorrere XML in AJAX

September 4

Come scorrere XML in AJAX


Con AJAX, è possibile eseguire diversi compiti funzionali, come la pagina XML scorrimento e automazione sito web. E 'inoltre interoperabile con tali tecnologie di programmazione come PHP, ASP.Net, HTML e VB.Net. AJAX sta per Asynchronous JavaScript and XML, il che significa semplicemente che si può integrare perfettamente con qualsiasi ambiente di produzione che supporta JavaScript e XML. A causa della sua funzionalità interattive e avanzate, AJAX è lo strumento di sviluppo preferito di molti programmatori web.

istruzione

1 Incollare il codice riportato di seguito nella sezione "HEAD" della pagina. Sostituire la parte che indica "LA-API-KEY" con il proprio API generato da Google. Questo progetto CSS metterà in evidenza la flessibilità di AJAX come scorre la pagina XML in vari colori. namespace XML, o XLMNS, potranno eseguire questa azione:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<Html xmlns = "http://www.w3.org/TR/REC-xml-names/">

<Script type = "text / javascript" che è uno script ereditato da gAjax feed Displayer, quindi non c'è bisogno di modificarla. Scaricare il file con l'etichetta "gajaxscroller.js", che deve essere configurato per caricare il regalo animata in mostra. Fare clic con il "gif animate" e scegliere "Salva con nome" per recuperare pure. Nome del gif "spia".

3 Aggiungere il codice HTML per vedere il codice AJAX in azione. Si scorre il tuo feed RSS con XML, JavaScript e HTML elementi:

<H3> Esempio 1: (feed RSS singolo, 10 voci, "<code> data </ ​​code>" campo abilitato, 1 ingresso per pagina </ h3>

<Script type = "text / javascript">

var cssfeed = new gfeedpausescroller ( "esempio1", "example1class", 2000, "_new")

cssfeed.addFeed ( "CSS Drive", "http://www.cssdrive.com/index.php/news/rss_2.0/") // Specificare "etichetta", più URL di feed RSS

cssfeed.displayoptions ( "data") // Mostra i campi aggiuntivi specificati

cssfeed.setentrycontainer ( "div") // Avvolgere ogni voce con un tag DIV

cssfeed.filterfeed (10, "data") // Mostra 10 voci, ordina per data

cssfeed.entries_per_page (1)

cssfeed.init ()

</ Script>

Consigli e avvertenze

  • Studio come molti tutorial come possibile per guadagnare una conoscenza di base di AJAX e XML. Forum di discussione sono anche una buona fonte per conoscere queste tecnologie Web.
  • generare sempre una nuova chiave API se si vuole utilizzare questo script in un altro dominio; la chiave API è utile solo per il dominio che si è registrato.