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

weixin_43396749

已于 2022-11-25 11:31:54 修改

阅读量113

点赞数

文章标签： ajax 前端 javascript

于 2022-11-24 15:29:12 首次发布

本文链接：https://blog.csdn.net/weixin_43396749/article/details/128019607

版权

  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属性保存了日期数据。