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

Question

我想向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>

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

Answer 1

您必须处理Cross-Origin Resource Sharing ，因此您需要在 InfluxDB 服务器端允许您的 Grafana 来源。

无论如何，它看起来非常不安全。 如果你可以调用create database telecom tele ，那么其他 Grafana 用户也可以请求自己的查询，例如drop database telecom tele 。 Grafana 应该具有只读访问权限，并且 InfluxDB 应该在 Grafana 之外进行管理。