Tutoriel Ajax pour publier et obtenir [fermé]

J'ai besoin d'un simple tutoriel ajax ou d'une étude de cas pour un formulaire de saisie simple, où je veux publier un nom d'utilisateur via un formulaire de saisie, qui l'envoie à la base de données et répond avec les résultats.
Toute recommandation pour un tel tutoriel est la bienvenue, car je n'en ai qu'un avec Mootool mais j'en recherche un en utilisant jQuery!

Vous pouvez essayer ceci:

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

Ce code ajoutera le contenu du test.htmlfichier à l' #resultsélément

Vous pouvez trouver plus d'informations sur le site Web de jQuery .

Mettre à jour:

Utilisez ce code pour envoyer des données POST et afficher le résultat.

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 );
});

En supposant que vous ayez du code HTML comme:

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

Vous utiliseriez un <script>comme:

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