XMLHttpRequest GET Internet Explorer 8

<ole>

w3shcools er generelt fyldt med fejl, mangler og udeladelser - og hans såkaldte Ajax tutorial er rigtig dårlig! Prøv at lægge et link til dit forsøg

/mvh
</bole>

Hej.

Jeg har ikke lige umiddelbart noget direkte eksempel. Det eneste jeg har ændret på, ved eksemplet fra W3C, er at man ikke trykker på knap. Derimod er der sat et interval på, som så kører funktionen en gang imellem.

Hvis man så går ind og ændre i den fil, der hentes indhold fra, mens man har den side, der opdaterer, åben, så blive IE ved med at komme med det første den hentede.

<div id="text"></div>

<script type="text/javascript">
var xmlhttp;
function loadFile()
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Your browser does not support XMLHTTP!");
  return;
  }
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET", "adresse til fil", true);
xmlhttp.send(null);
}

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}

function stateChanged()
{
if (xmlhttp.readyState==4)
  {
  if (xmlhttp.status==200)
    {
    document.getElementById("text").innerHTML = xmlhttp.responseText;
    }
  else
    {
    alert("Problem retrieving XML data:" + xmlhttp.statusText);
    }
  }
}

setInterval("loadFile()", 1000);
</script>

Brug post i stedet for get. Så skal du også sætte en request header med den rette Content-Type - og bruge query strengen som argument i kaldet til send

Hvorfor skal jeg bruge POST istedet for GET? Hvad er fordelen ved dette? :)

Og hvad mener du med query strengen?

Jeg har nu prøvet at tage adressen til den fil, der skal hentes indhold fra, og indsat den som det der sendes med. Så har jeg også ændret GET til POST.

Det giver fejlen "Problem retrieving XML data... osv"

Det hjælper ikke meget at skrive en halv fejl. det kan man ikke læse meget ud af  =)

Der er en del forskelle på at sende POST og GET, men i denne forbindelse er den væsentlige forskel, at responsen ikke caches ved POST.

Query styrengen er det, der står efter ? i en URL. Det skal ikke stå i URL'en men sendes med som argument i send (i stedet for null). Desuden skal du som sagt sætte en request header, når du har åbnet forbindelsen:

Der er intet ? i min url. Jeg har en requestHeader på. Og når jeg så bruger POST, så får jeg fejlen: Method Not Allowed

- og?

Ja, jeg vil jo gerne have det til at virke med Internet Explorer, som jeg har skrevet i spørgsmålet. Så foreslår du mig at bruge POST osv, og jeg gør som du siger. Så får jeg fejln "Method Not Allowed" - Det virker ikke...

Jeg tør vædde med, du i fejlmeddelelsen får et linjetal, som kan vise, hvor det går galt. Du kalder adskillige metoder, så vi skal være clairvoyante for at gætte, hvad du gør galt  =)

Nej, jeg får intet linjetal.

if (xmlhttp.readyState==4)
  {
  if (xmlhttp.status==200)
    {
    document.getElementById("text").innerHTML = xmlhttp.responseText;
    }
  else
    {
    alert("Problem retrieving XML data:" + xmlhttp.statusText);
    }

Altså fejler readyState og status, hvorved der popper en fejlmeddelse frem. En sådan fejl kan IE, Firefox osv ikke spotte.

Jeg synes også selv, at det lyder mere realistisk at bruge GET i denne situation. Hvis jeg bruger GET så virker det fint, udover at IE ikke kommer med det nye indhold, men derimod det første.

Men som nævnt, er jeg blot interesseret i at få det til virke i IE også. Så er jeg ligeglad hvordan man henter indholdet.

Der må da være en grund til, at IE ikke henter det nye indhold?

Du skal ikke tænke så meget på, hvad der virker realistisk, når du ikke ved, hvordan XMLHttpRequests virker. Det realistiske er at bruge post, da IE cacher resultatet ved get ... og det var vist netop dét problem, du gerne ville have løst  ;o)

At du får den fejl skyldes, at serveren ikke returnerer 200 som status. Hvorfor den ikke gør det, kan jeg ikke vide - men du kunne jo starte med at vise den præcise kode, du bruger

OK. Jeg bruger præcis koden, som jeg har postet tidligere. Nu er metoden blot ændret til POST.

Og så har jeg denne med:

xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

Præcis! Du bruger ikke den kode, du lagde ud med at vise  ;o)
Hvordan ser din kode ud nu?

<div id="text"></div>

<script type="text/javascript">
var xmlhttp;
function loadFile()
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Your browser does not support XMLHTTP!");
  return;
  }
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("POST", "adresse til fil", true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
xmlhttp.send(null);
}

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}

function stateChanged()
{
if (xmlhttp.readyState==4)
  {
  if (xmlhttp.status==200)
    {
    document.getElementById("text").innerHTML = xmlhttp.responseText;
    }
  else
    {
    alert("Problem retrieving XML data:" + xmlhttp.statusText);
    }
  }
}

setInterval("loadFile()", 1000);
</script>

Det virker hos mig

Hm, jeg får den 405 fejl: "Method Not Allowed"

Jeg synes godt nok det virker mærkeligt. Når jeg kører med GET i Internet Explorer, er det som om, at funktonen loadFile() overhovedet ikke bliver kørt, hvert sekund. Den bliver først kørt, i det jeg åbner en ny fane. Jeg har dog prøvet at sætte en alert ind, for at se, om koden overhovedet bliver afviklet. Den vil dog gerne komme frem med denne alert.

Så prøvede jeg også, at slette det hele, oprette et nyt dokument, og herefter indsætte alt koden, med POST. Så kommer der ingen fejl, men den kommer heller ikke frem med det nye indhold. Men lige i det jeg åbner en ny fane, så kommer den som med GET, frem med indholdet, men nu også en "Problem retrieving XML data: Method Not Allowed"

Du er vist nødt til at lægge et link, hvis du skal have hjælp

Jeg har prøvet forskellige gratis host, men der har hele tiden været det ene, eller det andet problem. Derfor blev det her mere eller mindre lagt på hylden.

Men her til aftes fandt jeg så en løsning, udfra et indlæg, som en bruger havde skrevet, på et andet forum.

Som jeg nævner øverst i mit spørgsmål, så kommer IE hele tiden med det første indhold, altså gemmer den nærmest det første.

Det jeg så har gjort er, at at oprette en php fil, som henter indholdet fra tekstfilen. Så sætter jeg AJAX til at hente indhold fra PHP filen i stedet. Via en variabel i javascript, som hele tiden bliver opdateret, sørger jeg så for, at url'en der skal hentes fra, hele tiden er forskellig.

F.eks. fil.php?id=1. Så skal id'et blot ændres konstant, når man afvikler AJAX/Javascript. Så jeg bruger stadig GET.

For den tid du har brugt, må du gerne få point, så smid du blot et svar :)