1. 准备工作

在开始编写AJAX代码之前，我们需要确保以下几点：

• 网页中已有一个用于显示内容的
  元素。
• 目标网页支持跨域访问，或者我们的请求是在同域名下进行的。
• 需要使用JavaScript或jQuery来实现AJAX请求。

2. 使用原生JavaScript实现AJAX

在没有引入外部库的情况下，我们可以通过原生JavaScript实现AJAX请求。以下是一个简单的实现方式：

    
      // 获取要插入内容的div元素
      var targetDiv = document.getElementById("content");

      // 创建XMLHttpRequest对象
      var xhr = new XMLHttpRequest();

      // 配置请求：GET方式，目标URL
      xhr.open("GET", "https://example.com/api/data", true);

      // 设置回调函数，当请求完成后执行
      xhr.onload = function() {
        if (xhr.status == 200) {
          // 请求成功，获取响应内容并添加到div中
          targetDiv.innerHTML = xhr.responseText;
        } else {
          // 请求失败，输出错误信息
          targetDiv.innerHTML = "加载失败，请稍后再试！";
        }
      };

      // 发送请求
      xhr.send();
    
  

在这个例子中，我们使用了原生JavaScript的`XMLHttpRequest`对象来发起GET请求，获取目标网页的内容，并将其添加到指定的

    
      // 使用jQuery获取目标div元素
      var targetDiv = $("#content");

      // 发送AJAX请求
      $.ajax({
        url: "https://example.com/api/data", // 请求的URL
        method: "GET", // 请求方式
        success: function(response) {
          // 请求成功，插入返回的数据
          targetDiv.html(response);
        },
        error: function() {
          // 请求失败，显示错误信息
          targetDiv.html("加载失败，请稍后再试！");
        }
      });