Tutorial Ajax per postare e ricevere [chiuso]

Ho bisogno di un semplice tutorial ajax o di un caso di studio per un semplice modulo di input, in cui voglio inserire un nome utente tramite un modulo di input, che lo invia al database e risponde con i risultati.
Qualsiasi raccomandazione per questo tutorial è benvenuta, perché ne ho solo uno usando Mootool ma ne sto cercando uno usando jQuery!

Puoi provare questo:

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

Questo codice aggiungerà il contenuto del test.htmlfile #resultsall'elemento

È possibile trovare ulteriori informazioni sul sito Web di jQuery .

Aggiornare:

Usa questo codice per inviare dati POST e risultati di output.

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

Supponendo che tu abbia un html come:

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

Useresti un <script>like:

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