运行Ajax请求不起作用

时间:2018-04-04 07:09:30

标签: ajax

我刚刚迁移到另一个引导程序模板,现在我的ajax函数无效,我处理函数的php文件没有出现在chrome的XHR检查工具中。 我只有这个jquery脚本?这足以运行ajax功能吗?我

<!-- Jquery Core Js -->
<script src="../dashboard-assets/plugins/jquery/jquery.min.js"></script>

HTML CODE

<form id="upload_book_form" method="POST">
<p>Upload Books</p>
<input type="file" id="uploadbookinfo" name="uploadbookinfo" value="Import" />
</form>

脚本功能

<script type="text/javascript">
    $(document).ready(function() {
        //upload book
        $('#uploadbookinfo').change(function() {
            $('#upload_book_form').submit();
        });
        $('#upload_book_form').on('submit', function(event) {
            event.preventDefault();
            $.ajax({
                url: "adminfunctions.php",
                method: "POST",
                data: new FormData(this),
                contentType: false,
                processData: false,
                success: function(data) {
                    var getdata = data.trim();
                    if (getdata == "SUCCESS") {
                        swal({
                            title: 'Success!',
                            text: 'Book Added , Try refreshing the page',
                            type: 'success',
                            confirmButtonClass: "btn btn-success",
                            buttonsStyling: false
                        }).then(function() {
                            $("#uploadbookinfo").val(null);
                        });
                    } else if (getdata == "ERRORFILETYPE") {
                        swal({
                            title: 'Oops...',
                            text: 'File type is not supported',
                            type: 'error',
                            confirmButtonClass: "btn btn-danger",
                            buttonsStyling: false
                        }).then(function() {
                            $("#uploadbookinfo").val(null);
                        });
                    } else {
                        swal({
                            title: 'Sorry for the inconvenience!',
                            text: "There's a problem. Please contact the technical support for any concerns and questions.!",
                            type: 'error',
                            confirmButtonClass: "btn btn-info",
                            buttonsStyling: false
                        }).then(function() {
                            $("#uploadbookinfo").val(null);
                        });
                    }
                },
                error: function(jqXHR, exception) {
                    console.log(jqXHR);
                }
            });
        });
    });
</script>

0 个答案:

没有答案