Ajax教程发布，并得到

Question

我需要一个简单的ajax教程或案例研究一个简单的输入表单，我想通过输入表单发送一个用户名，它将它发送到数据库并回复结果。
任何建议这样的教程是受欢迎的，因为我只有一个使用Mootool，但我正在寻找一个使用jQuery！

Answer 1

你可以试试这个：

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

此代码将test.html文件的内容附加到#results元素

您可以在jQuery website找到更多的信息。

更新：

使用此代码来发送POST数据和输出结果。

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

假设你有一些HTML代码，如：

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

你会使用一个<script>，如：

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