Ajax教程的post，并得到

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

Answer 1

你可以试试这个：

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

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

你可以在jQuery网站上find更多的信息。

更新：

使用此代码发送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); } });