Почему функция AJAX не работает? - PullRequest
0 голосов
/ 24 марта 2020

Я пытался вызвать функцию AJAX через тег на странице php. Но AJAX не работал. Я поместил имя функции AJAX в класс тега, чтобы ее можно было вызывать. Это способ, которым я называю AJAX, функция неправильная? потому что когда я поместил console.log внутри функции AJAX, он не дал никакого результата. Или у самого подсластителя есть неправильная функция, из-за которой мой AJAX не работает нормально?

html:

<a class="deleteRecord btn btn-xs btn-danger" data-id="{{$branch->branch_id}}" id="delete" href="#">Delete</a>

script:

<script>
    $(document).ready(function() {
        $( ".deleteRecord" ).click(function(e) {
           console.log("try");
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!'
                }).then((result) => {

                    if (result.value)
                    {
                        e.preventDefault();
                        var id = $(this).data("id");
                        var token = $("input[name=_token]").val();
                        $.ajax({
                            type:'POST',
                            url:'{{route("admin-branch-delete")}}',
                            data:{'id' : id, '_token' : token},
                            success:function(data){
                                if(data.message == 'success'){
                                    location.href = "{{route('admin-branch')}}";
                                }
                            },
                            error: function(jqXHR, textStatus, errorThrown) { // What to do if we fail
                                console.log(JSON.stringify(jqXHR));
                                console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
                            }
                        });
                    }
                })
            });
        });
</script>
...