Create and submit form programmatically

create-and-submit-form-programmatically.js

// useful when a 'followed' redirect needs to happen, etc.
// https://github.com/insin/get-form-data

function $forEach(arr, cb) {
  var arrLen = arr.length
  for (var i = 0; i < arrLen; i++) cb(arr[i])
}

function $form(action, method, fields) {
  var form = document.createElement('form')
  form.setAttribute('hidden', 'true')
  form.setAttribute('action', action)
  form.setAttribute('method', method)

  $forEach(fields, function (field) {
    var tmp = document.createElement('input')
    tmp.setAttribute('type', field.type || 'text')
    tmp.setAttribute('name', field.name || '')
    tmp.setAttribute('value', field.value || '')
    form.appendChild(tmp)
  })

  document.body.appendChild(form)
  console.log(getFormData(form)) // debug
  form.submit()
}

// usage:
$form('/', 'POST', [
  { name: 'one', value: 1 },
  { name: 'two', value: 2 },
])