jQuery的ajax功能是一种方便、快速、高效的方法,可以让你在不刷新整个页面的情况下向服务器请求数据,然后将返回值插入到网页中。下面是一个简单的例子:
$(".submit").click(function() { var name = $(".name").val(); var place = $(".place").val(); $.ajax({ url: "submit.php", type: "POST", data: { name: name, place: place }, success: function(response) { $(".result").html(response); } }); });
首先,我们为一个提交按钮绑定了一个点击事件,这个事件将调用一个函数来处理。函数从网页中获取了名字和地址,然后使用jQuery的ajax函数来发送POST请求到submit.php页面。POST请求将包含名字和地址。一旦提交成功,jquery将使用callback函数来更新网页。