AJAX-minimum

[bleicher]

Grüße,

Du musst eine callback Funktion übergeben die nach dem Erfolgreichen Request aufgerufen wird. Das sollte eigentlich in den Dokus die du gefunden hast beschrieben werden.

soweit war ich ja - eine einfache GET function die einen div mit daten füllt ging, aber formularabsenden war dann nicht mehr mit drin.

das habe ich versucht (80% copy&paste ;/)

  
var ajaxdestination="";  
  
function getdata(what,where) { // get data from source (what)  
 try {  
   xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():  
    new ActiveXObject("Microsoft.XMLHTTP");  
 }  
 catch (e) { /* do nothing */ }  
  
 document.getElementById(where).innerHTML ="LOADING";  
// we are defining the destination DIV id, must be stored in global variable (ajaxdestination)  
 ajaxdestination=where;  
 xmlhttp.onreadystatechange = triggered; // when request finished, call the function to put result to destination DIV  
  
 switch(what) {  
  
 case "edit":  
 var to="blogajax.php?"+what+"="+where;  
  xmlhttp.open("GET", to);  
  xmlhttp.send(null);  
 break;  
  
case "save":  
 //var to="save=1&titel="+document.getElementById("titel"+where).value+"&text="+document.getElementById("text"+where).value+"&keywords="+document.getElementById("keywords"+where).value;  
var to=document.getElementById("titel"+where).value;  
to+="&save=1";  
 alert(to);  
 xmlhttp.open('POST',  'blogajax.php');  
    xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');  
    xmlhttp.onreadystatechange = triggered();  
 xmlhttp.send(to);  
break;  
 }  
  
  return false;  
}  
  
function triggered() { // put data returned by requested URL to selected DIV  
  if (xmlhttp.readyState == 4) if (xmlhttp.status == 200)  
    document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText;  
}  

nur geht der case "save": mit formularabsenden nicht;/

MFG
bleicher