提交ajax表单后刷新标签,而无需刷新视图

时间:2019-06-11 09:26:28

标签: javascript ajax laravel

刷新选项卡和选项卡中的数据,而无需刷新ajax表单提交的视图

 $(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();
        }
    })
 });

当我提交弹出表单时,该表单将关闭并且刷新视图,但我只希望刷新内部的选项卡和数据而无需刷新整个视图

2 个答案:

答案 0 :(得分:1)

localize(Localizable,SimpleFilter)
function recursive_permutations($items, $perms = [])
{
    $list = [];

    if (empty($items)) {
        $list[] = join(',', $perms);
    } else {
        for ($i = count($items) - 1; $i >= 0; --$i) {
            $newitems = $items;
            $newperms = $perms;
            list($foo) = array_splice($newitems, $i, 1);
            array_unshift($newperms, $foo);
            $list = array_merge($list, recursive_permutations($newitems, $newperms));
        };
    };

    return $list;
}

// FIRST RUN
$perms = recursive_permutations(range(1, 3));
echo '<pre>' . print_r($perms, true) . '</pre>';
// SECOND RUN
$perms2 = recursive_permutations(range(4, 6));
echo '<pre>' . print_r($perms2, true) . '</pre>';

答案 1 :(得分:0)

这是我的做法

$(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);

        }
    })

 });

从控制器发送成功类型,并在类型成功时使用触发器重新加载选项卡。