ajax för newbies

[jan-erik]

Jag tänkte jag skulle lära mej lite om hur ajax funkar, och först använda det för att komma ifrån hel omladdning av en sida när man klickar på en knapp.

Jag har börjat med att lägga upp följande, som jeag snott från nätet:

 

<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.myForm.time.value=xmlHttp.responseText;
     }
   }
 xmlHttp.open("GET","ajax1.php",true);
 xmlHttp.send(null);  }</script> 

 

om jag nu har ett formulär så här ungefär:

 

<form>
<input type="button">
</form>

 

hur ska jag då komplettera formuläret fär att kalla på "ajax1.php"?

 

 

[Manemeko]

Det kan du lösa med en onClick-funktion.

 

 

<form>
<input type="button" onClick="ajaxFunction();">
</form>