обновить вкладку после отправки формы ajax без обновления представления

Question

Обновление вкладки и данных на вкладке без обновления представления в форме ajax submit

 $(document).off('click','.updatepro');
 $(document).on('click','.updatepro',function(){
    $('#user-update').ajaxSubmit({
        // dataType:'json',
        success:function(response){
            $('#userupdate').modal('hide');
            //$('#tab3').tabs('refresh');
            //document.location.reload(true)
            //$("#userupdate").html(response);
            window.location.href += "#tab2";
            location.reload();
        }
    })
 });

Когда я отправляю всплывающую форму, форма закрывается, и представление обновляется, но я хочу только для вкладкии данные внутри, чтобы обновить без обновления всего представления

Answer 1

function click()
{
location.href();
$("#divID").load(location.href +"#divID");
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="divID">
div is loadedsadsadsafdas
dfdaf

</div>
<div id="DONOTLOADED">
something which is not loaded
</div>
<input type="button" onclick="click()" value="Load Only first Div"/>

Answer 2

вот как я это сделал

$(document).off('click','.updatepro');
 $(document).on('click','.updatepro',function(){
    $('#user-update').ajaxSubmit({ 
        dataType:'json',
        success:function(response){
            if(response.type == 'success'){
                $('#userupdate').modal('hide');
                $('#tab2').trigger('click');
                $('.modal-backdrop').remove();
            }else{
                alert(response.message);
            }
            alert("Detail Updated");
            console.log(response);

        }
    })

 });

послал тип успеха с контроллера и использовал триггер для перезагрузки вкладки, когда тип успешен.