菜鸟教程
教程 jquery tutorial

基本方法

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("请求失败！");
  },
});

示例代码

在线代码演示
源码 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
  $(function () {
    $("#btnGet").click(function () {
      $.get("/hello.txt", function (data) {
        $("#output").text(data);
      });
    });
  });
</script>

<button id="btnGet">加载文本数据</button>
<div id="output" style="margin-top: 10px"></div>

相关内容