Início / coding / Perguntas / 79162945
Accepted
pileup
Asked: 2024-11-06 22:06:04 +0800 CST

Como enviar corretamente um array de objetos para o backend usando fetch?

  • 772

Tenho uma matriz de objetos da hierarquia da empresa que preciso enviar para o backend:

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"}
]

Estou tentando fazer o seguinte usando URLSearchParams:

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

Mas é nullporque claramente não está correto.

Qual é a maneira correta de fazer isso? Posso alterar os tipos de dados se necessário (por exemplo, alterá-los de array de objetos para objeto de objetos etc.)

javascript

1 respostas

  1. Best Answer

    Passar selectedTeamspara appendresultará em [object Object], não nos dados que você deseja.

    Se você quiser apenas enviar os objetos, transforme-os em string:

    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

relate perguntas