简易Axaj批量逐条执行的完整代码（新手专用)

最新推荐文章于 2024-11-11 13:13:28 发布

黑色小短裙

最新推荐文章于 2024-11-11 13:13:28 发布

阅读量55

点赞数

文章标签： html

本文链接：https://blog.csdn.net/zhangzhi2220/article/details/132645021

版权

本文介绍了如何使用JavaScript的XMLHttpRequest实现一个简易的批量请求执行器，适合新手学习，虽然简单但效率较低。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>简易Axaj批量逐条执行的完整代码（新手专用）</title>
</html>
<body>
  <script>
  // 定义一个函数，用于执行多个请求
  function ZhiXing(ZhuUrl, UrlCanShu, ShuChuID, index, results) {
    // 显示加载提示
    document.getElementById(ShuChuID).innerHTML = '加载中，请稍等，不要关闭页面……';
    //UrlCanShu.length
    var xhr = new XMLHttpRequest();
    xhr.open("GET", ZhuUrl + UrlCanShu[index], true); // 使用 GET 方法发送请求
    xhr.onload = function() {
      if (xhr.status >= 200 && xhr.status < 400) {
        results.push(xhr.responseText); // 将结果添加到数组中
        document.getElementById(ShuChuID).innerHTML = results.join('<br>'); // 将结果显示在页面上
      } else {
        results.push("请求出错，错误码：" + xhr.responseText); // 将错误信息添加到数组中
        document.getElementById(ShuChuID).innerHTML = results.join('<br>'); // 将结果显示在页面上
      }
      index = index + 1; // 自增 index
      if (index >= UrlCanShu.length) {
        clearInterval(intervalId); // 停止定时器
      }
    };
    xhr.onerror = function() {
      results.push("请求出错，无法连接到服务器"); // 将错误信息添加到数组中
      document.getElementById(ShuChuID).innerHTML = results.join('<br>'); // 将结果显示在页面上
      index = index + 1; // 自增 index
      if (index >= UrlCanShu.length) {
        clearInterval(intervalId); // 停止定时器
      }
    };
    xhr.send(); // 发送请求
  }
  //第二段代码：
  var intervalId; // 定时器ID
  var index = 0; // 初始 index 值为 0
  var results = []; // 存储结果的数组
  function startExecution(ZhuUrl,UrlCanShu,ShuChuID) {
    intervalId = setInterval(function() {
      ZhiXing(ZhuUrl,UrlCanShu,ShuChuID, index, results);
      index = index + 1; // 自增 index
      if (index >= UrlCanShu.length) {
        clearInterval(intervalId); // 停止定时器
      }
    }, 1000);
  }
  </script>
  <input type="text" value="123,222,333" id="a2">
  <input type="button" onclick="startExecution('2.asp?b=',document.getElementById('a2').value.split(','),'a1');" value="执行按钮">
  <div id="a1"></div>
</body>
</html>

这是一个比较笨的方法，逐条运行网页

优点：比较简单，新手也能用

缺点：比较笨，效率稍微差了点