как сделать проверку с помощью ajax Laravel 5.3

Я использую Laravel 5. В моем OrganizationsController у меня есть метод addItem

 public function addItem(Request $request)
    {
        $rules = array(
            'nom' => 'required',
        );
        // for Validator
        $validator = Validator::make(Input::all(), $rules);
        if ($validator->fails())
            return Response::json(array('errors' => $validator->getMessageBag()->toArray()));

        else {
            $section = new Section();
            $section->nom = $request->nom;
            $section->save();
            return response()->json($section);
        }
    }

Аякс-код

    $("#add").click(function() {
            $.ajax({
                type: 'post',
                url: '/addItem',
                data: {
                    '_token': $('input[name=_token]').val(),
                    'nom': $('input[name=nom]').val()
                },
                success: function(data) {
                    if ((data.errors)) {
                        $('.error').removeClass('hidden');
                        $('.error').text(data.errors.title);
                        $('.error').text(data.errors.description);
                    } else {
                        $('.error').remove()
                        $('table').append("<tr class='section" + data.id + "'><td>" + data.id + "</td><td>" + data.nom + "</td><td><button class='edit-modal btn btn-info' data-id='" + data.id + "' data-nom='" + data.nom + "'><span class='glyphicon glyphicon-edit'></span> Edit</button> <button class='delete-modal btn btn-danger' data-id='" + data.id + "' data-nom='" + data.nom +  "'><span class='glyphicon glyphicon-trash'></span> Delete</button></td></tr>"); }
                   }
                });

            $('#noom').val('');
        });

HTML-код

<div class="form-group row add">
    <div class="col-md-5">
        <input type="text" class="form-control " id="noom" name="nom"
               placeholder="New section here" required>
		<p class="error text-center alert alert-danger hidden"></p>
    </div>
    <div class="col-md-2">
        <button class="btn btn-warning" type="submit" id="add">
            <span class="glyphicon glyphicon-plus"></span> Add new Section
        </button>
    </div>

</div>

Я не знаю, почему моя проверка не работает. Пожалуйста, предложите пример для этого. Я использую laravel 5. Я искал так много сайтов. Но я не могу получить решение для этого.


php jquery ajaxform laravel-5.3
person meduprise    schedule 04.11.2016    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Если ваши проверки не пройдены, он вернется с кодом состояния (кодом ошибки) 422.

В вашем $.ajax вы используете только success, который не будет вызываться, если ваша проверка не пройдена.

Вам нужно будет добавить метод ошибки в параметры ajax. Используя приведенный выше код, у вас будет что-то вроде:

success: function (data) {
    $('.error').remove()
    $('table').append("<tr class='section" + data.id + "'><td>" + data.id + "</td><td>" + data.nom + "</td><td><button class='edit-modal btn btn-info' data-id='" + data.id + "' data-nom='" + data.nom + "'><span class='glyphicon glyphicon-edit'></span> Edit</button> <button class='delete-modal btn btn-danger' data-id='" + data.id + "' data-nom='" + data.nom + "'><span class='glyphicon glyphicon-trash'></span> Delete</button></td></tr>"); 
},
error: function (data) {
    if (data.errors) {
        $('.error').removeClass('hidden');
        $('.error').text(data.errors.title);
        $('.error').text(data.errors.description);
    }
}

Надеюсь это поможет!

person Rwd    schedule 04.11.2016
comment
это все еще в той же проблеме :( - person meduprise; 04.11.2016
comment
я нашел решение !!! решение - удалить условие if(data.errors) спасибо за помощь - person meduprise; 04.11.2016

arrow_upward
1
arrow_downward

решение удалить условие if(data.errors)

person meduprise    schedule 15.11.2016

arrow_upward
0
arrow_downward

для jquery 3 и выше используйте этот код

$.ajax({
      type: 'post',
      url: '/addItem',
      data: {
           '_token': $('input[name=_token]').val(),
           'nom': $('input[name=nom]').val()
}).done(function(data){
      //if success, do this
      console.log(data);
      alert('success');
}).fail(function(jqXHR){
      if (jqXHR.status == 422) {
             var errors = (jqXHR.responseJSON);
             console.log(errors);
      }
});
person Syamsoul Azrien    schedule 23.08.2018