ajax技术-使用POST方式获取中国累计接种趋势数据

  1<script>
  2      var xhr = new XMLHttpRequest();        
  3      xhr.open("post", "服务器地址", true);
  4      xhr.onreadystatechange = function () {
  5          if (xhr.readyState == 4 && xhr.status == 200) {
  6              console.log(xhr.responseText)
  7          }
  8      }
  9       //设置内容的编码格式
  10      xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  11      //向服务器发送数据
  12      xhr.send('modules=ChinaVaccineTrendData');   
  13</script>

例10-2中，第3行代码设置异步请求类型和服务器地址，使用POST方式；第10行代码设置内容的编码格式；其余代码和例10-1一致。例10-2在Chrome浏览器控制台中输出结果，如图10-6所示。服务器返回数据中total_vaccinations_per_hundred属性保存了中国每百人接种数据，total_vaccinations属性保存了中国累计接种数据，date属性保存了日期数据。

 图10-6 中国累计接种趋势数据

---

视频讲解：ajax技术-获取全球新冠疫情实时数据_哔哩哔哩_bilibili

源码：清华大学出版社-图书详情-《JavaScript前端开发与实例教程（微课视频版）》