Почему Ajax и SweetAlert не показывают?

Пожалуйста, помогите мне, в моем коде Ajax и SweetAlert работали отлично, но теперь я получаю сообщение об ошибке при нажатии кнопки отправки:

Консоль Google Chrome показывает следующую ошибку:

Ресурс интерпретируется как таблица стилей, но передается с помощью приложения/javascript типа MIME: "http://localhost:8000/js/jquery-3.3.1.min.js".

Любая помощь приветствуется.

Код

<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var id1 ={!! $data !!};
        var hasil;
        var saldo ={{$results}};

        $('#jumlahUang').keyup(function () {
            var yeah1 = parseInt($('#jumlahUang').val());
            var yeah = parseInt($('#jenisTransaksi').val());
            if (yeah == 1) {
                hasil = saldo + yeah1;
            } else {
                hasil = saldo - yeah1;
            }

            if (hasil < 0) {
                swal("Error", "SALDO ANDA KURANG");
            } else {
                $('#debugg').val(hasil);
            }
        });

        $('#formInput').submit(function (e) {
            e.preventDefault();
            var id1 ={!! $data !!};
            var link = "/nambahTransaksi/" + id1.id;
            swal({
                title: "Konfirmasi transaksi",
                text: "proses transaksi?",
                type: "info",
                showCancelButton: true,
                confirmButtonColor: "#1da1f2",
                confirmButtonText: "Yakin, dong!",
                closeOnConfirm: false,
                showLoaderOnConfirm: true,
            }, function () { //apabila sweet alert d confirm maka akan mengirim data ke simpan.php melalui proses ajax
                $.ajax({
                    url: link,// ini salah anjing
                    type: 'get',
                    data: $('#formInput').serialize(), //serialize() untuk mengambil semua data di dalam form
                    dataType: "HTML",
                    success: function () {
                        setTimeout(function () {
                            swal({
                                title: "transaksi berhasil dilakukan",
                                text: "Terimakasih",
                                type: "success"
                            }, function () {
                                window.location.href = "/detailTransaksi";

                            });
                        }, 2000);
                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        setTimeout(function () {
                            swal("Error", "Tolong cek kembali SALDO anda");
                        }, 2000);
                    }
                });
            });
        });
    })
</script>

javascript jquery ajax laravel sweetalert
person bramasta vikana    schedule 31.12.2018    source источник
comment
Что вы изменили со вчерашнего дня?   -  person Andy    schedule 31.12.2018
comment
я ничего не менял   -  person bramasta vikana    schedule 31.12.2018
comment
Я прочитал какой-то ответ с другого сайта, но он не работает   -  person bramasta vikana    schedule 31.12.2018
comment
@bramastavikana можете ли вы добавить console.log для вывода ответа как в обратных вызовах ошибки, так и в обратных вызовах успеха? Если ваш swal не показывает, что-то здесь не так, и у вас сейчас плохой отлов ошибок, что затрудняет определение причины.   -  person basic    schedule 31.12.2018
comment
Мой swal работает в другой функции, я думаю, что ajax не работает   -  person bramasta vikana    schedule 31.12.2018
comment
Так что добавьте вывод, чтобы понять, почему, ха-ха   -  person basic    schedule 31.12.2018
comment
Вы получаете ошибки в вашей консоли?   -  person Rwd    schedule 31.12.2018
comment
Где я могу разместить свой журнал консоли, извините, я новичок в этом   -  person bramasta vikana    schedule 31.12.2018
comment
Нет, нет сообщений об ошибках в консоли Chrome   -  person bramasta vikana    schedule 31.12.2018

Ответы (2)


arrow_upward
1
arrow_downward

вы должны использовать эти файлы js, я надеюсь, что это сработает для вас.

<script src="{{ asset('assets/global/plugins/jquery.min.js') }}" type="text/javascript"></script>

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

пример

$("#sub").click(function() {

var startDate = $('#fromDate').val();

var endDate = $('#toDate').val();

if (startDate !='')
{
    if(endDate == '')
    {
        swal("Error!", "Please Select To Date field", "error");

        return false;
    }

}
else
{
    swal("Error!", "Please Select From Date field", "error");

    return false;
}

if(startDate > endDate)
{
    //alert("Please Select To Date Grater Than"+startDate);
    swal("Error!", "Please Select To Date Grater Than "+startDate, "error");
    return false;
}  });
person dhara gosai    schedule 01.01.2019

arrow_upward
0
arrow_downward

У вас есть эта строка, настроенная как таблица стилей, но на самом деле это файл .js.

<link rel="stylesheet" type="text/css" href="{!! asset('js/jquery-3.3.1.min.js') !!}">

Попробуйте использовать:

<script src="{!! asset('js/jquery-3.3.1.min.js') !!}"></script>

Кроме того, почему вы включаете JQuery дважды? Просто переместите свое второе объявление вверх, в строку, которая говорит:

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

Его необходимо объявить перед добавлением SweetAlert, потому что SweetAlert зависит от него.

РЕДАКТИРОВАТЬ: Это только частичный ответ. У OP есть еще одна проблема, кроме этой. Однако хотел оставить это, поскольку это было полезно при решении части 1 его проблемы.

person basic    schedule 31.12.2018
comment
Ресурс интерпретируется как таблица стилей, но передается с помощью MIME typeapplication/javascript: localhost:8000/js/ jquery-3.3.1.min.js ушел, но ajax по-прежнему не работает - person bramasta vikana; 31.12.2018