Tutorial Ajax untuk memposting dan mendapatkan [ditutup]

Saya memerlukan tutorial ajax sederhana atau studi kasus untuk formulir input sederhana, di mana saya ingin memposting nama pengguna melalui formulir input, yang mengirimkannya ke database dan membalas dengan hasilnya.
Rekomendasi untuk tutorial semacam itu diterima, karena saya hanya punya satu menggunakan Mootool tetapi saya sedang mencari satu menggunakan jQuery!

Anda bisa mencoba ini:

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

Kode ini akan menambahkan konten test.htmlfile ke #resultselemen

Anda dapat menemukan informasi lebih lanjut di situs web jQuery .

Memperbarui:

Gunakan kode ini untuk mengirim data POST dan hasil keluaran.

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

Dengan asumsi Anda memiliki beberapa html seperti:

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

Anda akan menggunakan <script>suka:

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