Den helt rigtige måde at lukke AJAX.

Vel ved at bruge removeEventListener/detachEvent ?-)

Er der forskel på de to?
Og er jeg så helt fri for leaks, hvis jeg gør det, og sætter http = null; ?

add-/removeEventListener er DOM-event-handling, attach-/detachEvent er IE-event-modellen ...

-- og for at få et svar, må vi lige have f.eks. olebole ind over ...

Tak for det ellers :) Læg gerne svar.

Velbekomme '-)

Hvad mener du helt præcist med leak af hukommelse?

Jeg er nemlig lige kommet i gang med Ajax, så det kunne jeg godt tænke mig at vide :-)

<ole>

zurekk >> Explorer har en dårlig garbage-collection, hvilket gør, at den kan have svært ved at frigive hukommelse, der burde frigives ... dels i løbet af DOM-operationerne på en side - og dels når man navigerer til en ny side. Det kræver mange, lange forklaringer at lære at undgå memory-leaks i IE.

mantichora >> Om du overhovedet kan fjerne din handler igen, kommer helt anpå, hvad du gør og hvordan. Anonyme funktioner bør således helst ikke anvendes med event-handlers, da de ikke kan kaldes ved en senere fjernelse.

Der skrives enormt meget om AJAX på WWW for tiden, men 95% af det, jeg har set, har været forkert/misforstået. Det er - i modsætning til, hvad man får indtryk af - meget komplekst at bruge AJAX. Man skal være _meget_ stærk i JavaScript og DOM, samt vide en masse om browsernes særheder.

På www.dengodekode.dk har jeg en større artikelserie på vej, som omhandler AJAX med henholdsvis JSON- og XML-response, DOM-indsættelser, DOM-sletninger, events, memory-leaks, m.m. - men det hjælper dig jo ikke ligenu  :)

/mvh
</bole>

Hov, jeg har lige haft glemt mit spørgsmål lidt. Det må I undskylde - og mange tak for svaret, Ole :)

Dog er jeg ikke så vildt bekymret for, om det nu også er 100% standard-korrekt kode jeg skriver. Ja, jeg ved det - det er en taberholdning, som jeg selv kritiserer hos webdesignere, der f.eks. skider på om det virker på andre browsere end IE, men i dette tilfælde har jeg måtte indse, at jeg ikke kommer til at skrive 100% "korrekt" AJAX lige med det første - så jeg stiller mig tilfreds, bare det virker på IE, Firefox, Opera og Safari.

Men stadig føler jeg ikke helt spørgsmålet er besvaret. Jeg ved godt du ikke KAN besvare det 100%, uden at få mere at vide om hvordan jeg gør, men hvis vi nu antager jeg bare henter en side via JSON, ved at oprette et nyt XMLHttpRequest objekt, og slette det når jeg er færdig, vil jeg så kunne slette min eventhandler med roenvings metode, og vil jeg være fri for leaks?

Jeg opretter gerne et nyt spørgsmål, men jeg er meget interesseret i, at min side kan køre i længere tid, uden at suge alt for meget RAM.

Som jeg har forstået oles udsagn, vil den mest fornuftige brug af ajax indebære at:

1. Du indføjer dine data i DOM-objekter du kloner

2. At du først sætter event-handlers på objekterne efter de er tilføjet DOM-hierarkiet

3. Ved fjernelse først sletter event-handlers, og derefter fjerner elementerne fra DOM-hierarkiet og sætter dem til null

-- og det var jo nærmest et spørgsmål, ole !-)

PS. Det samme gælder i øvrigt httpRequest-objektet ...

Jo, punkt 1 er ikke vigtig i hukommelses-sammenhæng - men ofte hensigtsmæssig af hensyn til nemhed og bedre overblik (giver ofte slankere kode).

Punkt 2 er vigtig af hensyn til memory-leaks.

Det er punkt 3 også - men langt vanskeligere at opfylde i praksis.

- og så vil jeg tilføje punkt 4: Brug altid POST i XMLHttpRequests ... også af hukommelses-årsager.

- en anden vigtig ting:
Hvis man bruger 'var' inde i en funktion, når man opretter et objekt, kan dette objekt ikke 'nulles' af en anden funktion.

Hvis man i øvrigt passer på at få fjernet handlers, vil det ikke resultere i cross-page-leaks (hukommelsen frigives, når der navigeres til en anden side) - men hvis du opretter 1.000 elementer og fjerner/null'er dem igen, vil de 'hænge' i hukommelsen, til du navigerer væk fra siden.

- forudsat, at man altså opretter elementerne ved brug af 'var' i én funktion - og fjerner/null'er dem i en anden. Det fik jeg vist ikke trykket klart ud  :)

Hvis jeg var'er min http-variabel i global space, og sætter den til et new XMLHttpRequest objekt for hver side jeg vil hente, og sætter min onreadystatechange i den funktion, hvor jeg sender http.
Og jeg så sætter http = null; og fjerner eventhandleren i callback-funktionen, som bliver kørt ved onreadystatechange...

... er jeg så hjemme?

Ja, hvad selve objektet angår - men det er ikke til at sige, hvad angår handler'en. Det kommer anpå koden ... det er en lang forklaring  :)

Nå :/ Så vil jeg vente i spænding på din artikelserie. Tak ind til videre.
Point?