如何使用循环将多个数据发送到服务器

Question

const submit = e => {
    e.preventDefault();
    fetch('', {
      method: 'POST',
      body: JSON.stringify({
        product_option_id: 1,
        quantity: 2,
      }),
    })
      .then(response => response.json())
      .then(result => {
        if (result.success) {
          goToCart();
        } else {
          alert('error');
        }
      });
  };

我有一个问题将数据发送到使用Fetch发送数据以后端。 例如，我以阵列格式的product_option_id为结果= [4，3]。 例如，我的数量格式为count = [1，2]。因此，在这里我有product_option_id：4，其数量为1，我也有product_option_id：3，其数量为2。如果我必须单独发送这些数据，一个一个接一个地发送到上述而不是发送数组，我可以写一个If语句像这样的身体？

fetch('', {
      method: 'POST',
      body: JSON.stringify({
        for (let i =0; i < result.length; i++) {
        product_option_id: result[i],
        quantity: count[i],
        }
      }),
    })

先感谢您。

Answer 1

首先，您的目标概述。您拥有以下数据结构：

const result = [6, 7, 8];
const count = [1, 2, 3];

...您想将它们作为一系列对象发送到服务器：

[
    { "product_option_id": 6, "quantity": 1 },
    { "product_option_id": 7, "quantity": 2 },
    { "product_option_id": 8, "quantity": 3 }
]

为此，您在正确的行上，但是您不能使用在另一行内循环。尝试用以下的呼叫来替换您的“ for”

function transform(result, count) {
    return result.map((r, index) => ({
        product_option_id: r,
        quantity: count[index] || 0
    });
}

const submit = e => {
    e.preventDefault();
    fetch('', {
      method: 'POST',
      body: JSON.stringify(transform(result, count)),
    })
    .then(response => response.json())
    .then(result => {
        if (result.success) {
            goToCart();
        } else {
            alert('error');
        }
    });
};

。功能。