如何动态重新加载部分文档

For a filemanagement, i use ajax to send the data to php file. All data (reading files from directories) are outputted via foreach.

Like:

foreach($files as $file ) {
...
    echo....filename, size, delete etc....

To appear the changes immediately after the ajax call, i reload parts of the html in my success like below:

$.ajax({
    url: "",
    type: "POST",
    data:  new FormData(this),              
    cache: false,

    contentType: false,
    processData: false,             

    success: function(data) {

    $('.myStorage').load(document.URL +  ' .calculateStorage');
    $('.myFiles').load(document.URL +  ' .table-responsive');
    $('.breadcrumb').load(document.URL +  ' form.crumbform');

So i use these load() -s for making the changes immediately visible for the user.

The divmyFiles is part of the foreach loop which outputs the files.

But i think this is not the correct way to do it because doing it this way, the complete foreach loop has to start again. But i am not sure how to handle with this so that changes after submit are immediately visible for the user. Is there another and better way to do it like this? And if so: how does it look like?