как динамически перезагрузить часть документа

Question

Для управления файлами я использую ajax для отправки данных в php файл.Все данные (чтение файлов из каталогов) выводятся через foreach.

Как:

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

Чтобы отобразить изменения сразу после вызова ajax, я перезагружаю части HTML в моемsuccess как показано ниже:

$.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');

Так что я использую эти load() -s для внесения изменений, сразу видимых для пользователя.

Div myFiles является частью *Цикл 1015 *, который выводит файлы.

Но я думаю, что это неправильный способ сделать это, потому что при таком способе полный цикл foreach должен начинаться заново.Но я не уверен, как справиться с этим, чтобы изменения после отправки были сразу видны пользователю.Есть ли другой и лучший способ сделать это так?И если так: как это выглядит?