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

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

 <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>

Post
const button=document.getElementById（'post-btn'）；
addEventListener（'click'，async=>{
试一试{
const response=等待获取（'http://00.00.000.000:2000/query', {
方法：“post”，
正文：{
“q=创建数据库”
}
});
console.log（'Completed！'，response）；
}捕捉（错误）{
console.error（错误：${err}）；
}
});

---

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

您必须处理

跨源资源共享

，因此您需要在XDB服务器端允许Grafana源

---

无论如何，它看起来很不安全。如果您可以调用

create database telecom

，那么其他Grafana用户也可以请求自己的查询，例如

drop database telecom

。Grafana应该具有只读访问权限，而XDB应该在Grafana之外进行管理。

那么会出现什么问题？