使用原版 JS XML httprequest 对象向 Rails 发送"Post"请求

Question

我正在尝试从我的脚本文件向我的后端rails 5应用程序发送请求(在vanilla javascript中(。

我一直在谷歌搜索和阅读MDN，并尝试不同的东西，但仍然无法让它工作。 有人能帮忙吗？

最近的尝试(如下(得到了这个解析错误ActionDispatch：：Http：:P arameter：:P arseError (416："对象对象]"处的意外标记(： 但是，当我尝试不同的格式时，我仍然会收到错误，所以我想我一定错过了什么。 我已经查看了其他堆栈溢出问题，但是当我尝试实现他们的代码时仍然遇到错误。

Wrapping the ajax request in a promise:
function postRequestPromise(uri) {
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.open('POST', uri, true);
xhr.setRequestHeader('Content-Type', 'application/json', 'Accept', 'application/json');
xhr.onload = function () {
resolve(xhr.responseText);
};
xhr.onerror = function () {
reject(xhr.statusText);
};
//Ive tried params in several formats:
//this most recent is giving me a parsing error.
//my goal is to send JSON to the back-end, to be parsed
const params = { hello: "hello", world: "world" };
xhr.send(params);
});
}
Then sending the post request:
postRequestPromise('demo/practice_post')
.then((replyData) => {
console.log(replyData);
})
.catch((err) => {
console.log("ERROR:", err);
});
in the controller, I have tried these things:
class demo < ApplicationController
def practice_post
#all three of these attempts either do not log the body or throw errors:
p request.body.read
p request.raw.post
p params
render plain: "reached demo#practice_post route"
end
end
Thank you for any help!

Answer 1

使用参数发送请求的部分需要 JSON 字符串化。

xhr.send(JSON.stringify(params));