1

Есть форма регистрации,

<form action="url" method='post'>
        <input name="name" type="text">
        <input name="secondname" type="text">
        <input name="email" type="email">
        <select name="gender">
            <option value="male">Male</option>
            <option value="female">Female</option>
        </select>
        <input name="pass" type="password">
            <input type="checkbox" class="form-check-input" name="agree" id="agree">
        <button type="submit">Submit</button>
    </form>

отправляю запрос на сервер. После нажатия на кнопку "Отправить" приходит ответ в виде json-а на новой странице. Например {"message":"Creating user error. Email already exists.","status":"Error"} Как вывести его например блоком или alert-ом без перехода на страницу?

1 ответ 1

3

JS + JQ:

<script>
$(document).ready(function() {
  $('html').on('submit', 'form', function() {
    $(this).html('Идет обработка данных, пожалуйста подождите');
    $.post($(this).attr('action'), $(this).serialize()).done(function(data) {
      var data = JSON.parse(data);
      $(this).html(data.message);
    })
    return false;
  })
})
</script>
4
  • без перехода на страницу
    – Cheg
    20 сен 2017 в 21:13
  • return false; забыл добавить 20 сен 2017 в 21:15
  • ошибка: Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse (<anonymous>) at Object.<anonymous> 21 сен 2017 в 5:04
  • Сервер возвращает неправильный JSON там лишние символы 21 сен 2017 в 12:45

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.