使用Ajax后，不显示最近在Grid中输入的数据

Question

我有一个完美的工作系统，只要我保存数据，就会在网格上显示最近输入的数据。在使用ajax之后输入数据但是如果我重新加载页面则显示新输入的数据。 在控制器上：

[HttpGet]
    public ActionResult Index()
    {
        RoleBusinessLayer roleBusinessLayer = new RoleBusinessLayer();
        List<Role> roles = roleBusinessLayer.Roles.ToList();
        ViewBag.Roles = roles;
        return View();
    }
    [HttpPost]
    public ActionResult Index(Role role)
    {
        if(ModelState.IsValid)
        {
            RoleBusinessLayer roleBusinessLayer = new RoleBusinessLayer();
            roleBusinessLayer.SaveRole(role);
            return RedirectToAction("Index");
        }
        else
        {
            return View();
        }            
    }

观看视频：

<script>
    $(document).ready(function () {
        $('#SaveRole').click(function () {
            var data = $('#RoleForm').serialize();

            $.ajax({
                type: 'Post',
                url: '/Role/Index',
                data: data,
                success: function (response) {
                    alert("Role Information Saved!");
                }
            })
        })
    })
</script>

单击保存按钮后，我该怎么做才能在网格上显示新输入的数据？