AJAX 请求后端 API 示例 - 使用 jQuery 获取数据并更新页面

$(document).ready(function() { 
  $.ajax({
    type: 'GET',
    url: 'https://example.com/api',
    dataType: 'json',
    success: function(data) {
      $('#result').html(data.message);
    },
    error: function(xhr, status, error) {
      console.log(error);
    }
  });
});

解释：

• $(document).ready(function() { ... }); 确保当页面加载时，JavaScript 代码被执行。
• $.ajax({ ... }); 发送一个 AJAX 请求。参数包括请求类型（GET/POST），URL 和成功/失败处理函数。
• dataType: 'json' 指定响应类型为 JSON。
• success: function(data) { ... } 当请求成功时，执行该函数。data 变量包含从 API 返回的 JSON 数据。
• $('#result').html(data.message); 更新页面上 ID 为 result 的元素的内容为从 API 返回的消息。
• error: function(xhr, status, error) { ... } 当请求失败时，执行该函数。xhr 变量包含 XMLHttpRequest 对象，status 变量包含错误状态（如 404），error 变量包含错误消息。在这个例子中，我们只是把错误消息打印到控制台上。