Hướng dẫn Ajax cho bài đăng và nhận

Question

Tôi cần hướng dẫn hoặc nghiên cứu điển hình ajax đơn giản cho một biểu mẫu nhập đơn giản, nơi tôi muốn đăng tên người dùng thông qua biểu mẫu đầu vào, gửi nó tới cơ sở dữ liệu và trả lời kết quả.
Bất kỳ đề xuất nào cho hướng dẫn như vậy đều được chào đón, bởi 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 sử dụng jQuery!

Answer 1

Bạn có thể thử 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 tập tin để test.html#results yếu tố

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

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

Answer 2

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 một <script> như:

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