1

есть сервер http://codeit.pro/frontTestTask/user/registration. Который по стандарту возвращает объект:

{"message":"Field 'name' is required","field":"name","status":"Form Error"}

Если я прохожу все этапы валидации в своей форме(на своей странице), то на сервере появляется объект:

{"message":"User created","status":"OK"}

Когда использую следующий код, то получается что даже если я прошел все этапы валидации в консоль(моей страницы) возвращает стандартный объект, а мне нужно получить новый объект. Код:

$("#button").click(function (event) {
    // event.preventDefault();
    $.ajax({
        type: 'POST',
        url: 'http://codeit.pro/frontTestTask/user/registration',
        dataType: "json",
        success: function (data) {
            console.log(data);
        }
    });
});

Цель: после отправки формы получить в консоль(своей страницы), корректный, новый объект. Спасибо

Данные которые нужно отправлять из этой формы

<form id="signUpForm" target="iframe1" method="post"
      action="http://codeit.pro/frontTestTask/user/registration">
    <!--name-->
    <div class="form-group">
        <input type="text" name="name" class="form-control"
               id="name" placeholder="Name">
    </div>
    <!--secondname-->
    <div class="form-group">
        <input value="abcd" type="text" name="secondname"
               class="form-control" id="secondname" minlength="3"
               maxlength="60" placeholder="Secondname">
    </div>
    <!--e-mail-->
    <div class="form-group">
        <input value="[email protected]" type="email" name="email"
               class="form-control" id="email"
               placeholder="[email protected]">
    </div>
    <!--gender-->
    <div class="form-group">
        <select class="form-control" name="gender" id="gender">
            <option value="male">Male</option>
            <option value="female">Female</option>
        </select>
    </div>
    <!--password-->
    <div class="form-group">
        <input value="abcd" type="password" name="pass"
               class="form-control" id="password"
               placeholder="Password">
    </div>
    <!--checkbox-->
    <div class="form-check">
        <input class="form-check-input" name="checkbox" type="checkbox">
        Conditions of Agreement
        </label>
    </div>
    <!--sendBtn-->
    <button type="submit" class="btn btn-outline-primary"
            id="button">Send</button>
6
  • А где в вашем запросе данные, которые вы отправляете на сервер? Или я чего-то не понимаю?
    – Cheg
    Commented 8 сент. 2017 в 10:10
  • Может в этом и дело. Как должно, по идее как, быть? Commented 8 сент. 2017 в 10:11
  • @user8365703 какие данные нужны, чтобы получить ответ {"message":"User created","status":"OK"}?
    – Cheg
    Commented 8 сент. 2017 в 10:18
  • @Cheg данные формы. input name, secondname, email password должны быть заполнены Commented 8 сент. 2017 в 10:22
  • @Cheg добавил форму которая есть у меня Commented 8 сент. 2017 в 10:35

2 ответа 2

0

Нужный запрос может выглядеть так:

$.ajax({
    type: 'POST',
    url: 'http://codeit.pro/frontTestTask/user/registration',
    dataType: "json",
    data: {
        name: $('#name').val(),
        secondname: $('#secondname').val(),
        email: $('#email').val(),
        gender: $('#gender').val(),
        password: $('#password').val()
    }
    }).done(function(data) {
        console.log(data);
    }).fail(function(jqXHR, textStatus) {
        console.log(textStatus);
});
5
  • Добавил форму которая у меня есть. Commented 8 сент. 2017 в 10:33
  • Все отлично! только вместо password: $('#password').val() нужно pass: $('#password').val() потому что сервер принимает pass Commented 8 сент. 2017 в 10:42
  • Только сделайте отступы по человечески Commented 8 сент. 2017 в 10:43
  • Еще вопрос: Как отсюда же, при успешном прохождении делать редирект на другую страницу? Commented 8 сент. 2017 в 10:44
  • @tutankhamun без проблем! Спасибо за замечание Commented 8 сент. 2017 в 10:45
0

Думаю этот вариант вам получше подойдет, зачем париться и писать каждый параметр вручную, лучше сериализовать форму в переменную, а потом по необходимости добавить что необходимо. Редирект тоже вставил.

$(document).ready(function() {
  $('#signUpForm button[type=submit]').click(function() {
    var data_hash = $('#signUpForm [name]').serialize();
    $.ajax({
      type: 'POST',
      url: 'http://codeit.pro/frontTestTask/user/registration',
      dataType: "json",
      data: data_hash,
      success: function(data) {
        console.log(data);
        window.location.href = '/to_redirect/';
      }
    });
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="signUpForm" target="iframe1" method="post" action="http://codeit.pro/frontTestTask/user/registration">
  <!--name-->
  <div class="form-group">
    <input type="text" name="name" class="form-control" id="name" placeholder="Name">
  </div>
  <!--secondname-->
  <div class="form-group">
    <input value="abcd" type="text" name="secondname" class="form-control" id="secondname" minlength="3" maxlength="60" placeholder="Secondname">
  </div>
  <!--e-mail-->
  <div class="form-group">
    <input value="[email protected]" type="email" name="email" class="form-control" id="email" placeholder="[email protected]">
  </div>
  <!--gender-->
  <div class="form-group">
    <select class="form-control" name="gender" id="gender">
      <option value="male">Male</option>
      <option value="female">Female</option>
    </select>
  </div>
  <!--password-->
  <div class="form-group">
    <input value="abcd" type="password" name="pass" class="form-control" id="password" placeholder="Password">
  </div>
  <!--checkbox-->
  <div class="form-check">
    <input class="form-check-input" name="checkbox" type="checkbox"> Conditions of Agreement
  </div>
  <!--sendBtn-->
  <button type="submit" class="btn btn-outline-primary" id="button">Send</button>
</form>

1
  • А еще у вас в форме ошибка, есть закрывающий ТЭГ </label> но нет открывающего Commented 11 сент. 2017 в 7:12

Ваш ответ

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

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