Вставить успешно скрипт не отображается

У меня есть скрипт, который должен делать следующее. После того, как я вставил некоторые данные, он должен показать сообщение «Успешно вставлено». Это не работает, но я не знаю, почему я неопытен в Jquery. У меня есть 3 файла.

Файл сценария:

$(document).on("click", ".btnAddSubcat", function(e) {
event.preventDefault();
var subcatvalue = $('.subCat').val();
var subcatprocedure = $('.subProcedure').val();
var url = "../service/functions/postActions.php";
swal({
 title: 'Add a new sub-category?',
 text: "Are you sure to Add this sub-category?",
 type: 'warning',
 showCancelButton: true,
 confirmButtonColor: '#3085d6',
 cancelButtonColor: '#d33',
 confirmButtonText: 'Yes, Add it!'
}).then(function () {
   $.ajax({
       type: 'POST',
       url : url,
       data: {'subCat': subcatvalue, 'Procedure': subcatprocedure},
       success: function (data) {
           swal({
               title: 'Add!',
               text: "You Add a sub-category!",
               type: 'success',
               confirmButtonColor: '#3085d6',
               confirmButtonText: 'OK'
           }).then(function () {
              window.location.reload();
           })
        }
     });
  })
}); 

PHP-файл

<div class = "form-group">
                <label for = "inputsubcat" class = "col-sm-2 control-label">SubCategory:</label>
                <div class = "col-sm-10">
                    <input type = "text" class = "form-control subCat" name = "subCat" placeholder = "...">
                </div>
            </div>
            <div class = "form-group">
                <label for = "inputprocedure" class = "col-sm-2 control-label">Procedure:</label>
                <div class = "col-sm-10">
                    <textarea name = "Procedure" rows = "8" cols = "30" style = " resize: none;" class = "form-control subProcedure" placeholder = "..."></textarea>
                </div>
            </div>
            <div class = "form-group">
                <label  class = "col-sm-2 control-label">Video:</label>
                <div class = "col-md-10">
                    <input type = "file" name = "HWVideo" id = "HW-Video" class = "form-control uploadVideo" required = "true" accept = "video/mp4">
                    <video width = "450" controls>
                      <source src = "mov_bbb.mp4" id = "videoLink">
                        Your browser does not support HTML5 video.
                    </video>
                </div>
            </div>
            <div class='form-group'>
                <div class='col-sm-offset-2 col-sm-10'>
                    <input type='hidden' name='Subcatadd' />
                    <button class='btnAddSubcat btn btn-success glyphicon glyphicon-floppy-disk' type='submit'></button>
                </div>
            </div>
            </form>

Функциональный файл

function AddSubCat() {
$Catid = $_POST['cat-select'];
$Subnaam = $_POST['subCat'];
$procedure = $_POST['Procedure'];

и некоторые вставки. это работает, просто не будет отображаться сообщение. Я ценю вашу помощь! Это должно быть так

изображения перед вставкой после вставки