html js php 写多陆续查询页面

Question

需要做一个html的页面，目的是打开页面就陆续依次打开以下网址，显示每个国家剩余数量
http:/xxx.xxx.xxx/extensions/i346/i346.php?country=ru
打开网址返回以下信息，需要取 "count": 795 数量

{
  "status": "yes",
  "user_id": "51618",
  "balance": "148.91",
  "currency": "USD",
  "date_mod": "2025-09-16 05:56:33",
  "count": 795
}

http:/xxx.xxx.xxx/extensions/i346/i346.php?country=ca
http:/xxx.xxx.xxx/extensions/i346/i346.php?country=br
http:/xxx.xxx.xxx/extensions/i346/i346.php?country=us
http:/xxx.xxx.xxx/extensions/i346/i346.php?country=ee
http:/xxx.xxx.xxx/extensions/i346/i346.php?country=ua
有几十个国家吧需要陆续查询显示出来，查询接口限制了每秒不能超过3次，所以只能陆续慢查

最终页面想查询后这样展示出来

ca国旗 加拿大 目前剩余数量： （）

br国旗 巴西 目前剩余数量： （）

us国旗 美国 目前剩余数量： （）

ua国旗 乌克兰 目前剩余数量： （）

请指导下，这样页面该怎么写

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

问题理解

你需要创建一个 HTML 页面，打开页面后，陆续依次打开以下 URL，即显示每个国家剩余数量。

解决方案

你可以使用 HTML、JavaScript 和 HTTP 请求来实现这个功能。具体步骤如下：

1. 使用 XMLHttpRequest或 fetch API向服务器发送 HTTP 请求，获取每个国家的剩余数量。
2. 使用 JavaScript创建一个循环，依次打开每个国家的剩余数量。
3. 使用 HTML创建一个页面，显示每个国家的剩余数量。

核心代码

// 使用 XMLHttpRequest 发送 HTTP 请求
function getCountryData(country) {
  return new Promise((resolve, reject) => {
    let xhr = new XMLHttpRequest();
    xhr.open('GET', `http://xxx.xxx.xxx/extensions/i346/i346.php?country=${country}`, true);
    xhr.onload = function() {
      if (xhr.status === 200) {
        resolve(xhr.responseText);
      } else {
        reject(xhr.statusText);
      }
    };
    xhr.onerror = function() {
      reject(xhr.statusText);
    };
    xhr.send();
  });
}

// 使用 JavaScript创建一个循环，依次打开每个国家的剩余数量
let countries = ['ru', 'us', 'cn', 'jp', 'kr']; // 示例国家列表
let i = 0;
function openCountryData() {
  getCountryData(countries[i]).then(data => {
    console.log(data); //显示数据
    i++;
    if (i < countries.length) {
      openCountryData();
    }
  }).catch(error => {
    console.log(error);
  });
}
openCountryData();

注意:上述代码仅作为示例，不含具体数据。 需要自行更改 URL 和国家列表来实现实际功能。