expomap/static/custom_js/main.js

function postPhoto(data){
    if (data.success){
        window.location.reload();
    }
    else{
        console.log(data);
    }

}

function postHall(data){
    if (data.success){
        window.location.reload()
    }
    else{
        console.log(data);
    }
}

function deleteHall(data){
    if (data.success){
        window.location.reload();
    }
    else{
        console.log(data);
    }
}

function deletePhoto(data){
    if (data.success){
        window.location.reload();
    }
    else{
        console.log(data);
    }
}

$(document).ready(function(){
    $('#photo_form').on('submit', function(e){
        e.preventDefault();
        var url = $(this).attr('action');
        var fileData = new FormData($(this)[0]);//file (request.FILES)
        var formData = $(this).serialize();// another data (request.POST)
        $.ajax({
            url: url,  //server script to process data
            type: 'POST',

            //Ajax events
            success: postPhoto,
            error: function(){ alert('error'); },
            // Form data
            data: (formData, fileData),
            //Options to tell JQuery not to process data or worry about content-type
            cache: false,
            contentType: false,
            processData: false
        });//end ajax
    });

    $('#hall_form').on('submit', function(e){
        e.preventDefault();
        var url = $(this).attr('action');
        var formData = $(this).serialize();
        $.post(url, formData, postHall);
    });
    $('.delete-hall').on('click', function(e){
        e.preventDefault();
        var url = $(this).attr('href');
        $.get(url, deleteHall);
    });
    $('.delete-photo').on('click', function(e){
        e.preventDefault();
        var url = $(this).attr('href');
        $.get(url, deletePhoto);
    });

});