Wir verwenden meist Ajax, die in einem clientseitigen JavaScript-Code besteht, der eine serverseitige Seite aufruft, ohne die Seite zu verlassen.
Hier ist ein Beispiel, das den angezeigten Inhalt einer Seite erhalten, die GET Methode (JSFiddle) mit:
var xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHttp');
xhr.onreadystatechange = function(){
if(xhr.readyState==4 && ((xhr.status>=200 && xhr.status<300) || xhr.status==304)){//Checks if the content was loaded
console.log(this.responseText);
}
}
xhr.open('GET','myPHPPage.php?foo=foo&bar=bar',true);
xhr.send();
Und hier mit der POST Methode (JSFiddle):
var xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHttp');
var data = 'foo=foo&bar=bar';
xhr.onreadystatechange = function(){
if(xhr.readyState==4 && ((xhr.status>=200 && xhr.status<300) || xhr.status==304)){//Checks if the content was loaded
console.log(this.responseText);
}
}
xhr.open('POST','myPHPPage.php',true);
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xhr.setRequestHeader('Content-length',data.length);
xhr.send(data);
Beachten Sie, dass hier die Methode setRequestHeader
verwendet wird, um die Header dieser HTTP-Anforderung zu ändern und in diesem Fall diezu ändernund die Content-length
(dieser Header hat einen Standardwert von 4096 Bytes). Auch die setRequestHeader
Methode muss nach der open
Methode aufgerufen werden.
Diese Links sollen Ihnen helfen:
https://developer.mozilla.org/en/Ajax
http://code.google.com/intl/pt-BR/edu/ajax/tutorials/ajax-tutorial.html
Ja, Ajax. Und wenn du Ajax machst, würde ich die Jquery-Bibliothek sehr empfehlen, da es es viel einfacher macht – Kris