使用 Javascript StreamElements 发送消息到 twitch 聊天时出错

Question

我在尝试向使用 StreamElements 的 twitches IRC 聊天发送消息时遇到 400 错误 API。

到目前为止，这是我的代码，我知道它不正确，但我不知道如何将消息传递给 twitch 以便它接受它。我正在学习 ajax 并且将来会学习 jQuery 但是如果有帮助请使用 vanilla JS。

var data = {"message": "test"};
var token = "secret"
var xhr = new XMLHttpRequest();

xhr.addEventListener("readystatechange", function () {
    if (this.readyState === this.DONE) {
        console.log(this.responseText);
    }
});

xhr.open("POST", "https://api.streamelements.com/kappa/v2/bot/5eab1a7fc644de5b0169703c/say");
xhr.setRequestHeader("accept", "application/json");
xhr.setRequestHeader("content-type", "application/json");
xhr.setRequestHeader("Authorization", `Bearer ${token}`);

xhr.send(data);

Answer 1

XMLHttpRequest 是一个有点旧的库来发出 HTTP 请求。

考虑在（原版）JavaScript 中使用新的 fetch API。

var data = { message: "test"};
var token = "secret"

await fetch('https://api.streamelements.com/kappa/v2/bot/5eab1a7fc644de5b0169703c/say', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json;charset=utf-8',
    'Authorization': `Bearer ${token}`
  },
  body: JSON.stringify(data)
})
.then(response => response.json()) 
.then(result => { 
   console.log(result)
})
.catch(err => {
   console.log(err)
})

使用 Javascript StreamElements 发送消息到 twitch 聊天时出错

Error while sending a message to twitch chat with Javascript StreamElements

javascript

ajax

twitch-api