Jquery 发布和获取的Ajax教程

我需要一个简单的ajax教程或简单输入表单的案例研究，我想通过输入表单发布一个用户名，该表单将用户名发送到数据库并回复结果。
欢迎对此类教程提出任何建议，因为我只有一个使用Mootool的教程，但我正在使用jQuery搜索一个

您可以尝试以下方法：

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

此代码将

test.html

文件的内容附加到

#results

元素

您可以在上找到更多信息

更新：

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

---

假设您有一些html，如：

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

---

您可能需要设置参数名，如data:“username=“+myusername”您还可以使用此库在某些情况下使用ajax，仅使用HTMLYou也可以将上述内容用于post，还可以添加json之类的数据类型，例如：-数据类型：“json”，

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