在 httprequest 上写入请求有效负载属性

Question

我正在尝试开发一个浏览器扩展，可以帮助人们更轻松地完成某些工作。 我需要做的一件事是发送几个http请求。

我需要重新创建网站在执行某些操作时发出的请求。 现在站点使用请求有效负载，这是我第一次使用(使用表单数据)，因此我不知道如何使请求有效负载与站点发送请求时相同。

var request = new XMLHttpRequest(),
url = 'https://www.hidden.com/api/v1/tipuser/',
data = 'steam_64=76561198364912967&tip_asset_ids=[]&tip_balance=0',
token ='...';
request.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
console.log("The request and response was successful!");
}
};
request.open('POST', url, true);
request.setRequestHeader('Content-type', 'text/plain');
request.setRequestHeader('authorization', token);
request.send(data);

这是我的代码，发送后，您可以看到我的请求有效负载的外观。 我已经遇到了几天的困难，我在网上搜索但找不到解决方案。我知道我只需要以不同的方式写它.

这是网站的要求

这是我的要求

干杯！

Answer 1

您能否尝试将请求作为应用程序/json发送并构建数据对象，如以下示例所示？

内容类型请求标头应为应用程序/json

var request = new XMLHttpRequest(),
url = 'https://jsonplaceholder.typicode.com/posts/',
data = {
steam_64: '76561198364912967',
tip_asset_ids: [], 
tip_balance: 0,
token: '',
};
request.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
console.log("The request and response was successful!");
}
};
request.open('POST', url, true);
request.setRequestHeader('Content-type', 'application/json');
request.setRequestHeader('authorization', data.token);
request.send(JSON.stringify(data));