AJAX og PHP vil ikke virke

<ole>

Det er ikke til at sige, da vi ikke kan se resten (bla.a. funktionen 'ajaxRequest'). Derudover har det nu ikke meget med Ajax at gøre  =)

Det er ikke meningen med Ajax, at man skal skrive HTML ud på serveren. Derimod sendes de rå data tilbage til browseren i XML- eller JSON-format. Her indsættes data i HTML-elementer, som oprettes med DOM - og elementerne indsættes i sidens DOM-træ.

innerHTML har derimod aldrig været valid i nogen standard og har en hel del bagdele

/mvh
</bole>

Desuden er det en rigtig skidt idé at bruge '$' i variabel- og funktionsnavne. '$' er i ECMA-standarden (som JavaScript bygger på og skal overholde) reserveret til brug i forbindelse med maskinkode ... hvilket ens egne funktioner ikke har noget at gøre med.

Desværre er der opstået en skidt mode blandt nogle mindre kompetente kodere, som gør, at man i visse kredse finder '$' 'funky' i funktionsnavne. Tjah ... der er jo også folk, der heller vil hoppe rundt ovenpå togvognene i stedet for at køre inde i dem. Det kan dog ikke anbefales i længden  =)

Okay, fandt af jeg ikke havde hentet prototype.js som er et lib, men linket var dødt. Nu prøver jeg med dette istedet. Det virkede fint med document.form... bla bla. men med document.getById('result')... bla bla virker det ikke..

<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      document.getById("result").innerHTML=xmlHttp.responseText; <- Virker ikke
document.myForm.time.value=xmlHttp.responseText; <- virker, men skal bruge den anden.
      }
    }
  xmlHttp.open("GET","time.php",true);
  xmlHttp.send(null);
  }
</script>

// virker ikke
<a href="#" onclick="ajaxFunction();">Comments</a> 
<div id="result"></div>

virker, men skal bruge den anden
<form name="myForm">
Name: <input type="text"
onkeyup="ajaxFunction();" name="username" />
Time: <input type="text" name="time" />
</form>

</body>
</html>

omg er for træt :) getElementById hedder det jo..

prototype.js har en bunke uhensigtsmæssigheder - om end det er vældig udbredt ... men det er lungekræft jo også  ;D

Her kan du læse om, hvorfor du bør undgå innerHTML:
    http://www.dengodekode.dk/artikler/DOM/no_innerhtml.php

- og her kan du finde en betydeligt bedre XMLHttpRequest wrapper:
    http://www.dengodekode.dk/artikler/ajax/xmlhttprequest_wrapper.php

- og i denne tråd viser jeg, hvordan den bruges:
    http://www.eksperten.dk/spm/817625

- men du kan ikke bruge 'dokument.getElementById' på andet end dit div. Den virker naturligvis ikke på dine formfelter, da de ikke har nogen ID  ;o)

Ved jeg self godt. Har koden fra en tutorial hvor de bruger form, derfor jeg ville lave den om til id istedet.

olebole >
Jeg har lige gennemgået http://www.dengodekode.dk/artikler/DOM/no_innerhtml.php og testet din hastighedstestside. Umiddelbart kan jeg ikke nikke genkende i hverken IE eller FF at innerHTML er langsomt. Faktisk er innerHTML op til tre gange så hurtig som DOM.
At det så ikke ligefrem er gyldigt, er jo så en anden snak - det virker trods alt.