用于发布和获取的Ajax教程[关闭]

Question

关闭。 此问题不符合堆栈溢出准则。它当前不接受答案。

想改善这个问题吗？ 更新问题，使其成为Stack Overflow 的主题。

5年前关闭。

改善这个问题

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

Answer 1

您可以尝试以下方法：

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

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

您可以在jQuery网站上找到更多信息。

更新：

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