0

Здравствуйте. Вот у меня есть элемент

            <div id="delete{{ $match->id }}" class="th-icon">
                <a href="#" class="uk-icon-button" uk-icon="trash"></a>
                <input type="hidden" value="{{ $match->id }}" name="id">
            </div>

по клику на него срабатывает этот ajax,

$( document ).ready(function() {
        $("#delete{{ $match->id }}").click(function(){
            var
                id = $('input[name="id"]').val();
            $.ajax({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url:'/delete',
                type:'POST',
                dataType:'json',
                data:{id: id},
                success: function(data)
                {

                    console.log(data);
                },
                error:function(data)
                {
                    console.log('2');
                }
            });

        });
    });

Вот контролер

public function destroy(Request $request)
    {
        $match = Match::find($request->id)->delete();

            return response()->json($match);

    }

Рут Route::post('/delete', 'Admin\MatchController@destroy');

Ajax данные передает, ошибок нету, по нажатию на элемент он должен удалить запись и сразу пропасть(запись), но запись пропадает после перезагрузки страницы. Как сделать, чтоб запись сразу же пропала?

2
  • Если ajax отрабатывает правильно, то заголовок вопроса стоит поменять. А чтобы после выполнения ajax-запроса удалялся нужный элемент на странице, добавьте после success: function(data){ что-то вроде $('#HTML_ID_нужного_вам_элемента').remove(); 5 фев 2018 в 21:22
  • ммммм... вот оно что, спасиб 5 фев 2018 в 21:29

1 ответ 1

1

После успешного получения ответа в success в AJAX, надо удалить элемент в DOM. Для этого можете использовать:

$('#ID_элемента').remove(); 

или

$('.Класс_элемента').remove();

Можно удалить по классу элемента и это еще не ограничение.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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