Hướng dẫn Ajax cho bài đăng và nhận [đóng cửa]

Tôi cần hướng dẫn ajax đơn giản hoặc nghiên cứu điển hình cho biểu mẫu đầu vào đơn giản, trong đó tôi muốn đăng tên người dùng thông qua biểu mẫu nhập, biểu mẫu này sẽ gửi đến cơ sở dữ liệu và trả lời cùng với kết quả.
Mọi đề xuất cho hướng dẫn như vậy đều được hoan nghênh, vì tôi chỉ có một hướng dẫn sử dụng Mootool nhưng tôi đang tìm kiếm một hướng dẫn bằng jQuery!

Bạn có thể thử điều này:

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

Mã này sẽ nối nội dung của test.htmltệp vào #resultsphần tử

Bạn có thể tìm thêm thông tin tại trang web jQuery .

Cập nhật:

Sử dụng mã này để gửi dữ liệu POST và kết quả đầu ra.

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

Giả sử bạn có một số html như:

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

Bạn sẽ sử dụng <script>như sau:

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