上传后用Javascript刷新页面

Question

I have an upload form on the page. After it submits it doesn't fully refresh the page. It breaks my datatable because it isn't fully refreshing but still putting the new file in the datatable. How can I refresh the page completely after upload?

$('#FileContents').on('filebatchuploadcomplete', function(event, files, extra) {
        $("#addfilemodal").modal("hide");
        $("#filesuccess").show();
        var fileCount = parseInt($("#filecount").text());
        fileCount += 1;
        $("#filecount").html(fileCount);

        $("#filebody").load("@Url.Action("Attachments", new {collaborationId = Model.Collaboration.Id})");
    });

Answer 1

You don't need to refresh page.

Add callback to load. In callback initialize/apply your js library (for controlling datatable).

 $("#filebody").load("@Url.Action("Attachments", new {collaborationId = Model.Collaboration.Id})");

to

$("#filebody").load("@Url.Action("Attachments", new {collaborationId = Model.Collaboration.Id})", function( response, status, xhr ) {
 //Apply Datatable js library in here
});

Because you are removing elements at #filebody and adding new elements. So you should apply your js library to the new elements.