主题
基本方法
jQuery 提供了多种简洁的 AJAX 方法,用于实现客户端与服务器之间的异步通信,是现代网页开发的重要组成部分。
1. $.get(url, data, success)
用于发送 GET 请求。
js
$.get("user.php", { id: 1 }, function (data) {
console.log("返回数据:", data);
});
2. $.post(url, data, success)
用于发送 POST 请求。
js
$.post("login.php", { username: "admin", password: "123456" }, function (data) {
alert("登录结果:" + data);
});
3. $.getJSON(url, data, success)
用于请求 JSON 格式数据(自动解析为对象)。
js
$.getJSON("info.json", function (res) {
$("#info").text("用户:" + res.name);
});
4. $.ajax(options)
更通用的 AJAX 方法,可自定义请求方式、数据类型、回调函数等。
js
$.ajax({
url: "submit.php",
method: "POST",
data: { name: "张三", age: 25 },
dataType: "json",
success: function (res) {
console.log("返回:", res);
},
error: function () {
alert("请求失败!");
},
});
示例代码
loading