Unable to save document (form submissions) with REST API

xlukasfrana

last year

1 1

const formSubmission = {
  form: '<some-mongo-id>',
  submissionData: [
    { field: ...', value: '...' },
    ...
}

const res = await apiFetch('<api-url>/form-submissions', {
  body: JSON.stringify(formSubmission),
  method: 'POST',
})

const formData = new FormData()
formData.append('_payload', JSON.stringify(formSubmission))

const res = await apiFetch('<api-url>/form-submissions', {
  body: formData,
  headers: {
    'Content-Type': 'multipart/form-data',
  },
  method: 'POST',
})

• Selected Answer
  

  JarrodMFlesch

  Payload Team

  last year

  That should work...

  Here is a snippet pulled from a site my team built.

  const dataToSend = Object.entries(data).map(([name, value]) => ({
    field: name,
    value
  }));
  
  const req = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/form-submissions`, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      form: formID,
      submissionData: dataToSend
    })
  })

  1 reply
• 

  xlukasfrana

  last year

  Thank you, I think the problem was that I did not specified Content-Type. Dummy mistake!