Samouczek Ajax dla postu i uzyskać

Question

Potrzebuję prosty samouczek ajaxowy lub case study dla prostego formularza wejściowego, w którym chcę opublikować nazwę użytkownika za pomocą formularza wejściowego, który wysyła go do bazy danych i odpowiada z wynikami.
Wszelkie zalecenia do takiego samouczka są mile widziane, ponieważ mam tylko jeden przy użyciu Mootool, ale szukam go za pomocą jQuery!

Answer 1

Można spróbować to:

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

Ten kod dołączy zawartość test.html pliku #results elementu

można znaleźć więcej informacji na jQuery website.

Aktualizacja:

użyć tego kodu do wysyłania danych POST i wynik wyjściowy.

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

Zakładając, że niektóre html jak:

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

byłoby użyć <script> jak:

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