AJAX bedeutet einfach, dass du eine HTTP-Anfrage an deinen Server sendest.
Somit kannst du halt die gewünschten Aktionen im Backend ausführen,
ohne das Benutzer davon großartig etwas mitbekommt.
jQuery ist eine JavaScript Bibliothek.
Diese findet heutzutage so gut wie in jeder Webanwendung ihren Einsatz.
jQuery kannst du im Quellcode mit $ "ansprechen".
Nun bietet dir jQuery die methoden "get", "post", "ajax" usw.
Damit kannst du die entsprechenden AJAX-Anfragen versenden.
Die Kommunikation zum Server findet meist im JSON Format statt um Traffic zu reduzieren.
Obwohl AJAX sich eigentlich auf die Übertragung von XML (X) bezieht.
Beispielhafte Verwendungen:
HTML Code:
<!-- deine jQuery Bibliothek ("Offline" oder Online verfügbar)im HTML einbinden -->
<script type="text/javascript" src="jquery.min.js"></script>
Code:
$.get('/goto/backend.php?myparam=xy', function(result) {
console.log(result); // json antwort
});
// ausführlicher mit AJAX / POST:
$.ajax({
url: '/goto/backend.php', // ziel url
dataType: 'json', // "rückgabetyp"
type: 'POST', // http methode
data: { key: 'value' }, // nutzlast parameter
context: document.body, // aus dem aktuellen context aufrufen
success: function(result) {
console.log(result); // json antwort
},
failure: function(err) { console.log(err); }
});