如何用ajax连续加载多个文件？

使用Ajax连续加载多个文件可以通过以下步骤实现：

1. 创建一个用于存储文件URL的数组，例如fileUrls。
2. 创建一个计数器变量，例如counter，并将其初始化为0。
3. 创建一个函数，例如loadFile，用于加载文件。
4. 在loadFile函数中，使用Ajax发送GET请求来获取文件内容。可以使用XMLHttpRequest对象或者jQuery的$.ajax方法。
5. 在Ajax请求成功的回调函数中，处理获取到的文件内容。可以将内容插入到页面中的指定位置，或者进行其他操作。
6. 在Ajax请求完成的回调函数中，将计数器变量递增1。
7. 在loadFile函数中，判断计数器变量是否小于文件URL数组的长度。如果是，则调用loadFile函数来加载下一个文件；如果不是，则表示所有文件都已加载完毕。
8. 在页面加载完成后，调用loadFile函数的第一次调用，开始加载第一个文件。

以下是一个示例代码：

var fileUrls = ["file1.txt", "file2.txt", "file3.txt"];
var counter = 0;

function loadFile() {
  if (counter < fileUrls.length) {
    var url = fileUrls[counter];
    $.ajax({
      url: url,
      type: "GET",
      success: function(response) {
        // 处理获取到的文件内容
        console.log(response);
      },
      complete: function() {
        counter++;
        loadFile(); // 加载下一个文件
      }
    });
  }
}

$(document).ready(function() {
  loadFile(); // 开始加载第一个文件
});

在上述示例中，fileUrls数组存储了要加载的文件的URL。counter变量用于记录当前加载的文件索引。loadFile函数用于加载文件，通过Ajax发送GET请求获取文件内容。在请求成功的回调函数中，可以处理获取到的文件内容。在请求完成的回调函数中，递增计数器变量，并调用loadFile函数来加载下一个文件。最后，在页面加载完成后，调用loadFile函数的第一次调用，开始加载第一个文件。

请注意，上述示例中使用了jQuery库来简化Ajax请求的操作，如果你不使用jQuery，可以使用原生的XMLHttpRequest对象来发送Ajax请求。另外，示例中的文件URL仅作为示意，实际应用中需要根据具体情况替换为真实的文件URL。