Ajax tutorial para publicar y obtener

Question

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!

Answer 1

Puede probar esto:

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

Este código añadirá el contenido del archivo a test.html#results elemento

Puede encontrar más información en jQuery website.

Actualización:

Use este código para enviar datos POST y resultado 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); 
}); 

Answer 2

Asumiendo que tiene algo de HTML como:

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

Se podría utilizar un <script> como:

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