Привет всем! Пишу свою простенькую функцию для отправки данных из формы без перезагрузки страницы, но возникла проблема: после отправки данных через XMLHttpRequest страница все равно перезагружается (отправляет форму get-запросом). При этом сервер получает данные из формы, обрабатывает их и выдает соответствующий ответ.
Форма:
<form id="reg-form" onsubmit="sendForm(this.id, 'handler-url')>
<input type="text" name="data">
<button>Send</button>
Обработчик:
var sendForm = function (formId, url) {
'use strict';
var form = document.getElementById(formId);
var formData = new FormData(form);
var xhr = new XMLHttpRequest();
// При установке этого заголовка работа функции прекращается ошибкой
// xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
xhr.open("POST", url, true);
xhr.send(formData);
if (xhr.status == 200) {
alert("Worked!");
} else {
alert(xhr.status + ': ' + xhr.statusText+ 'Error');
}
}
Сервер отвечает "OK", либо, если отправленные данные введены не правильно, отправляет json с описанием ошибок. Но я в любом случае получаю в алерте: "0: Error" и после этого форма отправляется get-oм.
Помогите пожалуйста: как сделать что бы форма не отправлялась get-ом после XHR и почему я не могу получить от сервера ответ 200, хотя он отправляет его?