Как отправить форму html без jquery и php?

Question

[kychervasya]

<form id="testForm">   
		<input class="input" id="name" name="name" type="text" value="">
		<input class="input" id="surname" name="surname" type="text" value="">
		<input class="input" id="age" name="age" type="text" value=""> 
		<textarea class="input" cols="20" id="description" name="description" rows="2"></textarea>
		<input type="submit" id="send" class="send button" value="Найти">
	</form>

Добрый день! Как отправить данную форму на сервер node.js с помощью javascript, но не jquery?
Предпочитаемый формат json. Отправляю xmlhttprequest'ом с помощью объекта FormData, но отправляется не json. А как быстро преобразовать данную форму с помощью javascript в json и отправить не знаю. Подскажите пожалуйста куда копать! Заранее благодарю

Answer 1

[kychervasya]

Решил таким методом. Всем спасибо. Может кому-то будет полезно.

var form = document.getElementById('testForm');
form.onsubmit = function (e) {
  e.preventDefault();

  var data = {};
  for (var i = 0, ii = form.length; i < ii; ++i) {
    var input = form[i];
    if (input.name) {
      data[input.name] = input.value;
    }
  }

  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'url', true);
  xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
      xhr.onreadystatechange = function() {
        if (xhr.readyState != 4) return;
        if (xhr.status != 200) {
           alert(xhr.status + ': ' + xhr.statusText);
        } else {
           console.log(xhr.response);
           alert(xhr.responseText);
        }
      }

  xhr.send(JSON.stringify(data));
}

Answer 2

[Дмитрий Ковальский]

Ну судя по всему вам нужно добавить только вызов Json.stringify() . Покопайте по запросу "javascript сериализация в JSON" или подобное.