Ajax запрос работает в Mozilla, почему не работает в Chrome?

Question

[Pazzetif]

Использую вот это https://github.com/nk-o/ajax-contact-form

$('.pop-up-one').on('submit', function(e) {
    e.preventDefault();
        var $form = $(this);

        $.ajax({
            type: 'POST',
            url: $form.attr('action'),
            data: $form.serialize(),
            success: function (response) {
                response = JSON.parse(response);
                if (response.type && response.type === 'success') {

                    $form[0].reset();
                } else {

                }
            },
            error: function (response) {

            }
        });

});

<form class="pop-up-one" action="ajax-contact-form.php">
            <input type="text" placeholder="Введите ваше имя" name="name" required>
            <input type="text" placeholder="Введите ваш телефон" name="message">
            <input type="text" placeholder="E-mail" name="email" required>
            <button type="submit" class="button-pop-up">Отправить</button>
        </form>

Comments

[Алексей Немиро]

Сервер всегда возвращает 503 ошибку на запросы от Chrome или просто в момент тестирования в Chrome сервер находится в отключке? :-)

Если с сервером все в порядке, то другие запросы от Chrome он нормально обрабатывает? GET и POST?

И последний вопрос, User-Agent в заголовках запроса не видно, его там нет или просто не влез. Если нет, то в FireFox аналогично?

Answer 1

[Виктор П.]

Возможно (но это не точно), что дело в Content-Type из Request. Либо .serialize() некорректно работает. Сейчас разберемся.

Попробуйте передать обычный объект, можно добавить функцию-парсер, например:

//serialize data function
function objectifyForm(formArray) {

  var returnArray = {};
  for (var i = 0; i < formArray.length; i++){
    returnArray[formArray[i]['name']] = formArray[i]['value'];
  }
  return returnArray;
}

Ну и, соответственно, изменить данные из поля data:

$.ajax({
            type: 'POST',
            url: $form.attr('action'),
            data: objectifyForm($form.serialize()),
            success: function (response) {

Так работает из обоих браузеров?

Comments

[Pazzetif]

О, работает из обоих браузеров. Спасибо.

[Pazzetif]

А подскажите, данные приходят на почту. Но пустые. Вроде как не передает значения из инпутов...

Answer 2

[Семён Белоглазов]

Так а в каком же месте он не работает?
Не работает обработчик формы, а именно ajax-contact-form.php, а не ajax.