如何将包含用户数据的对象数组发布到服务器,以便对其进行验证?我正在尝试从orderform获取数据以传递到服务器,以进行验证,然后显示在我重定向到的另一个页面上。
const addProducts = (ev) => {
ev.preventDefault();
let products = [];
for(let k = 0; k < counter+1; k++) {
let bund = 'Bundled' + k;
let sing = 'Single' + k;
let unit = 'BundledUnits' + k;
let name = 'ProductTitle' + k;
let quant = 'Quantity' + k;
let lPrice = 'ListPrice' + k;
let instruct = 'Instructions' + k;
if(document.getElementById(asin)) {
if(document.getElementById(bund) && document.getElementById(bund).checked) {
if(document.getElementById(unit).value) {
let bundProduct = {
id: k.value,
"Bundled": "true",
"Product": document.getElementById(name).value,
"quantity": document.getElementById(quant).value,
"ListPrice": document.getElementById(lPrice).value,
"Instructions": document.getElementById(instruct).value
};
products.push(bundProduct);
}
}
else if(document.getElementById(sing) && document.getElementById(sing).checked) {
let singProduct = {
id: k.value,
"Bundled": "false",
"Product": document.getElementById(name).value,
"quantity": document.getElementById(quant).value,
"ListPrice": document.getElementById(lPrice).value,
"Instructions": document.getElementById(instruct).value
};
products.push(singProduct);
}
}
console.log(k);
}
let order = sessionStorage.setItem('order', JSON.stringify(products));发布于 2022-01-08 15:17:46
您可以使用fetch或像axios这样的库。
检查以下问题如何使用fetch执行POST请求:Fetch: POST JSON data
使用axios的POST请求函数示例
const sendToServer = async (products) => {
try {
// store response in variable if needed
const res = await axios.post(
"/your_api/products",
products // products you want to post
);
// return data in case
return res.data
} catch (error) {
console.log(error);
}
}
// implement this function where you need it
sendToServer(products)或者检查axios文档中的POST示例:https://axios-http.com/docs/post_example
// Send a POST request
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
// Send a POST request
axios({
method: 'post',
url: '/user/12345',
data: {
firstName: 'Fred',
lastName: 'Flintstone'
}
});https://stackoverflow.com/questions/70601953
复制相似问题