I need a simple ajax tutorial or case study for a simple input form, where I want to post a username through an input form, which sends it to the database and replies with the results.
Any recommendation for such tutorial is welcome, because I've only got one using Mootool but I'm searching for one using jQuery!

推荐答案

你可以试试这个:

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

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

You can find more information at jQuery website.

Update:

Use this code to send POST data and output result.

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

Jquery相关问答推荐

为什么如果使用转换规模,juserui可拖动遏制不起作用

如果在视窗中有相同的数据属性值,则jQuery/添加类

在 Laravel 中使用 jQuery post 按相关值过滤 Select 选项,如何显示从控制器返回的数据?

使用 shell 脚本判断 json 数组响应是否具有特定用户名和状态的 jq 命令

如果文本框内容在 X 秒内没有更改,则进行 post 调用

如何使用 jQuery 的 drop 事件上传从桌面拖动的文件?

为什么 jQuery 不使用 requestAnimationFrame?

$.post 和 $.ajax 之间的区别?

如何使用给定的 url 判断图像是否存在?

如何使div全屏?

Jquery 和 HTML FormData 返回未捕获的 TypeError:非法调用

JQuery - 如何根据值 Select 下拉项

CSS3 相当于 jQuery slideUp 和 slideDown?

如果一个元素正在被动画,我如何用 jQuery 找出?

在未实现接口 FormData 的对象上调用附加

你能在不影响历史的情况下使用哈希导航吗?

为什么要定义一个匿名函数并将 jQuery 作为参数传递给它?

检测页面是否已完成加载

添加到数组 jQuery

如何在 jQuery 中取消绑定悬停?