javascript - 模态关闭并更新数据，但屏幕显示为暗

Question

我希望在输入数据后更新表格，而不刷新页面。数据已更新，但单击保存/提交按钮后，页面显示为暗。

Ajax 代码在这里：

$('#btnSave').click(function(){

var url = $('#editform').attr('action');
     var data = $('#editform').serialize();
    $.ajax({
    type: 'ajax',
    method:'post',
    url: "<?php echo base_url(); ?>" + "index.php/project/updateData",
    data: data,
    dataType: 'json',
    success: function(response){
                            $('#editform')[0].reset();
            $('#editmodal').modal('hide');
            showproject();
    },
    error: function(){
        alert('Data not inserted.');
    }
});
});

function showproject(){ $.ajax({ url: "<?php echo base_url(); ?>" + "index.php/project/project_show", type: 'POST', async: false, data:{ show: 1 }, success: function(response){ $('#editmodal').modal('hide'); $('#userTable').html(response); } }); }

showproject()是一个显示更新数据的表格并重定向到控制器的函数，控制器又重定向到存在此 ajax 函数的同一页面。（这是问题吗？如果是这样，我将如何纠正它？）如何我会在不刷新页面的情况下获得更新的数据吗？

标签： javascriptajaxcodeigniter