XML data i JavaScript

Du skal konvertere din XML til JSON. Det gør at du meget nemt kan bruge det i dit javascript.

Se f.eks. http://davidwalsh.name/convert-xml-json og der giver gode råd og eksempler.

Tak for det hurtige svar, vil jeg kigge nærmer på.

Hvordan forholder JASON sig med dynamisk indhold?
indholdet af XML filen skifter hver 1min.

Det nemmeste er nog at hente det vær gang nogen besøger siden. Om det skal opdateres "live" på siden kan du bruge AJAX og hente det med en funktion der kører en gang i minutten. Man skal dog huske at man ikke kan hente filer på en anden server med AJAX, så XML filen skal findes lokalt på servern.

Om det er en meget stor XML fil der skal læses kan det blive lidt tungt at køre det vær gang nogen vil vise det.

Filen ligger lokalt på serveren og den er ikke særlig stor.

Jeg har et ajax script som henter data'en og viser den på side, dette ajax script bliver kaldt hver 10sek.

Men der fra og til at få det ind i mit JS er jeg desværre ldit fortabt.

<ole>

Undskyld, men hvad skulle fordelen være ved at konvertere ét dataformat til et andet, når begge uden problemer kan anvendes i forbindelse med JavaScript? Hvorfor oversætte til JSON? Hvorfor ikke bare bruge XML?

/mvh
</bole>

For mig ville det absolut være en fordel hvis jeg slipper for delen hvor jeg konvertere det til JSON.

Men hvordan går jeg det fra mit ajax ind i en anden javascript funktion?

Dette er måden jeg loader data fra min XML fil, det er ID = I1 fra min xml fil jeg gerne vil have over i var status = status (I1 i XML fil.

Men jeg har svært ved at finde en måde og sammen koble de to ting.

function loadXML()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    xmlDoc=xmlhttp.responseXML;
    document.getElementById("I1").innerHTML=
                xmlDoc.getElementsByTagName("I1")[0].childNodes[0].nodeValue;
    setTimeout('loadXML()',1000);
    }
  }
xmlhttp.open("GET","http://192.168.0.1/test.xml",true);
xmlhttp.send();
}

Det er vel bare:


- og så skal du nok undgå caching med:

Ok var usikker på om det kunne løses på den måde, det tester jeg imorgen.

Ok har du mulighed for at forklare hvordan det virker og hvorfor de to linjer med caching skal indsættes.

Tror måske jeg har fanget det. Det er for at sikre den tager den værdien fra XML filen, og ikke bare fra en cachs fra klienten?

Det skulle virke under forudsætning af, at du et eller andet sted udenfor funktioner har erklæret variablen med var status; ... og måske sat den til noget.

Du kan også kalde en funktion fra XHR-handleren og sende værdien med som argument:


- hvis det er mere hensigtsmæssigt i din struktur.

#10: Ja, browseren tror - grundet timestamp'et - der er tale om et nyt dokument, hvergang open-metoden kaldes. Derfor gennemtvinges en ny serverforespørgsel i stedet for en hentning fra lokal cache.

Du bør i øvrigt overveje, hvor ofte du har brug for opdatering. Selvom du ikke lægger mærke til kald, der køres i baggrunden, bruges der både lokal- og server-CPU og -RAM, ligesom du skaber trafik begge veje.

Opdater så ofte det er nødvendigt, men undlad at gøre det oftere  *o)

#11
Hvor i min kode skal jeg definere "var = status"; skal dette være i min AJAX eller JS funktion? og hvor i script'et skal det stå?

Kan du uddybe det med XHR-handleren, og hvad fordelen er ved at bruge denne løsning. Jeg kan ikke rigtig finde noget på det på nettet.

#12
Ok, det var også sådan jeg troede det fungerede.

Du har helt sikkert ret, og hardwaren web serveren køre på er på ingen måde det kraftigste.

Beklager jeg skal have det uddybet sådan, det skal næsten være scripting for dummies.

Variablen status skal erklæres et eller andet sted i koden udenfor alle funktioner. Den skal være såkaldt 'globalt' erklæret. Skriver du:


- så vil du få en fejl. Variablen bar er erklæret lokalt - inde i funktionen foo. Den kan kun 'ses' inde i funktionen selv. Variablen kan ikke 'ses' udenfor funktionen. Den er lokal.

Skriver du derimod:


Her erklærede jeg bar udenfor funktionen, hvorfor den kan ses overalt - både indenfor og udenfor alle funktioner. Den er global.

Derfor returnerer den første alert "undefined". Vi havde jo kun erklæret variablen, men ikke tildelt den en værdi. Til gengæld udløses ikke en fejl. Værdien er blot ikke-defineret.

Den anden alert kaldes, efter kaldet til funktionen og returnerer derfor "noget". Variablen kunne ses inde i funktionen, og dens værdi blev derfor ændret ved funktionskaldet.

XHR står for XMLHttpRequest. Når jeg skriver XHR-handleren, mener jeg den funktion, der håndterer responsen fra dit XHR-object - altså den funktion, du skriver på højre side af lighedstegnet her:


Inde i dén funktion kan du skrive funktionskaldet. Der, hvor du nu sætter et elements innerHTML.

PS: Når jeg ikke skriver den færdige funktion, er det ikke for at få dig til at 'dumme' dig. Det er for at få dig til at tænke og prøve selv. Lykkes det for dig, vil du bedre kunne huske, hvad du gjorde - og hvorfor.

Lykkes det ikke, er det eneste dumme spørgsmål stadigvæk det, du ikke stiller! Bare spørg løs  =)

#14. Ok det er fordi det skal være globale variabler, det giver jo god mening så jeg kan bruge den i begge funktioner.

Havde ikke lige koblet XMLHttpRequest sammen med forkortelsen XHR, men det giver jo god mening.

#15. Hehe det syntes jeg absolut er helt i orden.

Jeg vil teste det i morgen så kommer jeg med en tilbage melding om det lykkes for mig.

*LoL* Sorry, jeg lavede en slem, slem fejl i #14 - men fint, så tager vi den med  *D

I denne kode:


- erklærer jeg faktisk to forskellige variabler. Først erklærer jeg en global. Når jeg så kalder funktionen foo, opretter jeg en ny, lokal variabel med samme navn inde i funktionen - og det er dén, jeg sætter til: "noget". Den globale variabel rører jeg derimod  ikke ved.

Derfor vil begge alerts i det eksempel returnere "undefined".

Skriver jeg derimod:


- uden var vil de to alerts returnere "undefined" og "noget".

Du kan altså godt have både globale og lokale variabler med samme navn, når de både i det globale og et lokalt scope er erklæret med nøgleordet var. Det kan absolut ikke anbefales, da der let opstår sammenblanding.

Undskyld roderiet, men så fik du da om ikke andet uddybet problematikken yderligere  =)

Hej

Så har jeg fået testet det, og det virker desværre ikke.

status = xmlDoc.getElementsByTagName("I1")[0].childNodes[0].nodeValue;

Jeg får denne fejl
"Uncaught ReferenceError: xmlDoc is not defined"

Det lyder, som om du skriver en forkert sti til XML-filen. Prøv at vise koden

Jeg har fået det til at virke nu, jeg definere "status" som en global variabel som det første. og de sætter jeg værdien af statis i mit ajax,

    var status;
function loadXML()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    xmlDoc=xmlhttp.responseXML;
    document.getElementById("test1").innerHTML=
                xmlDoc.getElementsByTagName("test1")[0].childNodes[0].nodeValue;
    status =
                xmlDoc.getElementsByTagName("test1")[0].childNodes[0].nodeValue;
    setTimeout('loadXML()',1000);
    }
  }
var uniq = new Date().getTime();
xmlhttp.open("GET", "http://192.168.167.202/awp/WEB/DB.xml?u="+uniq, true);
xmlhttp.send();
}

Så virker det helt perfekt.

olebole vil du ikke smide et svar, så får du point, og rigtig mange tak for hjælpen og tips omkring caching

Ellers tak, jeg samler ikke point. Læg selv et svar og accepter det, så tråden lukkes  =)

ok :)