Tutorial de Ajax para publicar y obtener

Necesito un tutorial ajax simple o estudio de caso para un formulario de entrada simple, donde quiero publicar un nombre de usuario a través de un formulario de entrada, que lo envía a la base de datos y responde con los resultados.
Cualquier recomendación para tal tutorial es bienvenida, porque solo tengo una usando Mootool pero estoy buscando una usando jQuery.

Puedes intentar esto:

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

Este código agregará el contenido del archivo #results elemento #results

Puede encontrar más información en el sitio web de jQuery .

Actualizar:

Utilice este código para enviar datos POST y resultados de salida.

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

Asumiendo que tienes algunos html como:

  

Utilizarías un como:

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