Ajax Tutorial für Post und erhalten [geschlossen]

Ich benötige ein einfaches Ajax-Tutorial oder eine Fallstudie für ein einfaches Eingabeformular, in dem ich einen Benutzernamen über ein Eingabeformular veröffentlichen möchte, das ihn an die Datenbank sendet und mit den Ergebnissen antwortet.
Jede Empfehlung für ein solches Tutorial ist willkommen, da ich nur eine mit Mootool habe, aber mit jQuery nach einer suche!

Sie können dies versuchen:

$.ajax({
  url: "test.html",
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});

Dieser Code hängt den Inhalt der test.htmlDatei an das #resultsElement an

Weitere Informationen finden Sie auf der jQuery-Website .

Aktualisieren:

Verwenden Sie diesen Code, um POST-Daten und Ausgabeergebnisse zu senden.

var menuId = $("ul.nav").first().attr("id");
var request = $.ajax({
  url: "script.php",
  type: "POST",
  data: {id : menuId},
  dataType: "html"
});

request.done(function(msg) {
  $("#log").html( msg );
});

request.fail(function(jqXHR, textStatus) {
  alert( "Request failed: " + textStatus );
});

Angenommen, Sie haben HTML wie:

<input type="text" name="username" id="username">
<div id="resultarea"></div>

Sie würden ein <script>Like verwenden:

var myusername = $("#username").val();
$.ajax({
  type: "GET",
  url: "serverscript.xxx",
  data: myusername,
  cache: false,
  success: function(data){
     $("#resultarea").text(data);
  }
});