如何使用 html 按钮发送 POST 请求答案

【问题标题】：How to send a POST request using an html button如何使用 html 按钮发送 POST 请求
【发布时间】：2021-06-13 23:56:53
【问题描述】：

我想向 URL 发送 POST 请求，例如，我想通过按此按钮在 influxdb 中创建一个数据库。到目前为止，我尝试了此方法，但无法使其正常工作

 <button id="post-btn">Post</button>

<script> 
const button = document.getElementById('post-btn');
button.addEventListener('click', async _ => {
  try {
    const response = await fetch('http://00.00.000.000:2000/query', {
      method: 'post',
      body: {
       "q=create database telecom"
      }
    });
    console.log('Completed!', response);
  } catch(err) {
    console.error(Error: ${err});
  }
});
</script>

它给我的错误是“无法获取”

【问题讨论】：

出了什么问题？

标签： javascript html grafana influxdb

【解决方案1】：

你必须处理Cross-Origin Resource Sharing，所以你需要在InfluxDB服务器端允许你的Grafana源。

反正看起来很不安全。如果您可以致电create database telecom，那么其他 Grafana 用户也可以请求自己的查询，例如drop database telecom。 Grafana 应该具有只读访问权限，并且 InfluxDB 应该在 Grafana 之外进行管理。

【讨论】：