Как отправить js FormData - PullRequest
Новая
       42

Как отправить js FormData

0 голосов
/ 04 апреля 2019

Я пытаюсь получить данные из FormData

JS сторона запроса AJAX 

function sendForm()
{
  let form=document.getElementById("myForm");

    var formData = new FormData(); 

    for(var i=0; i<form.length; i++)
    {
       formData.append(form[i].name, form[i].value);
    }
    var xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function()
        {
            if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
            {
                   console.log(xmlHttp.responseText)
            }
        }
        xmlHttp.open("post", url); 
       xmlHttp.setRequestHeader("Content-Type", "multipart/form-data");
       xmlHttp.send(formData); 
 }

со стороны Go 

func login(w http.ResponseWriter, r *http.Request) {
        r.ParseForm()

        username:= r.FormValue("username")     // Data from the form
        password:= r.FormValue("password") 
        fmt.Println(username,password) //getting empty
    }

Я также пытался в почтальоне с опцией данных формы, но получил тот же результат, но в php все работает нормально ... в Go lang я не знаю, как обрабатывать multipart / form-data.

Ответы [ 2 ]

0 голосов
/ 04 апреля 2019

У меня нормально работает, проверьте сеть / ответ. Я предлагаю вам использовать fetch, поскольку это проще. 

function onSubmit(e) {
  e.preventDefault();

  const data = new FormData(e.target);

  fetch('https://httpbin.org/post', {
      method: 'post',
      body: data,
  })
  .then(r => r.json())
  .then(r => console.log(r))
}

document.querySelector('form').addEventListener('submit', onSubmit);
<form class="form">
  <input type="text" name="name" placeholder="Name" />
  <input type="email" name="email" placeholder="Email" />
  <button type="submit">Submit</button>
</form>
0 голосов
/ 04 апреля 2019 
xmlHttp.setRequestHeader("Content-Type", "multipart/form-data");

Обычно XMLHttpRequest считывает объект FormData и генерирует из него заголовок Content-Type.

Здесь вы переопределяете это, явно устанавливая Content-Type,но вы пропускаете обязательный параметр boundary, поэтому составное тело не может быть декодировано.

Удалите строку в кавычках.

...