主页 / coding / 问题 / 79162945
Accepted
pileup
Asked: 2024-11-06 22:06:04 +0800 CST

如何使用 fetch 正确地将对象数组发送到后端？

  • 772

我有一个公司层次结构的对象数组，需要将其发送到后端：

selectedTeams: [
  0: {team: "some_team_1", division: "some_division_1"}
  1: {team: "some_team_2", division: "some_division_2"}
  2: {team: "some_team_3", division: "some_division_3"}
]

我正在尝试使用以下命令执行以下操作URLSearchParams：

const urlParams = new URLSearchParams();
urlParams.append('selected_teams', selectedTeams)
fetch(`${backendUrl}?` + urlParams)
  .then(..)

但这是null因为它显然不正确。

正确的做法是什么？如果需要，我可以更改数据类型（例如，将其从对象数组更改为对象对象等）。

javascript

1 个回答

  1. Best Answer

    传递selectedTeams给append将导致[object Object]，而不是您想要的数据。

    如果您只想发送对象，请将它们字符串化：

    urlParams.append('selected_teams', selectedTeams.map(JSON.stringify))


    const selectedTeams = [
  {team: "some_team_1", division: "some_division_1"},
  {team: "some_team_2", division: "some_division_2"},
  {team: "some_team_3", division: "some_division_3"}
]

const urlParams = new URLSearchParams();
urlParams.append('selected_teams', selectedTeams.map(JSON.stringify))

console.log('?' + urlParams)

    • 2

相关问题