重复部分视图Jquery + MVC 5

Question

我有一个调用局部视图的按钮，其中一个表加载了我系统的所有类别

 <input type="button" value="Cargar Categorias" id="btnCargarCategorias" />

此加载是通过我在<div>

内充电的局部视图进行的

 <div id="divTabla">

    </div>

我通过点击按钮加载表格的javascript代码如下......

 <script>
        $("#btnCargarCategorias").click(function () {

            $(this).prop("disabled", "disabled");

            var url = '@Url.Action("CargarCategorias","Categorias")';

            $.get(url).done(function (data) {
                $("#divTabla").append(data);
            })

            $("#btnCargarCategorias").removeAttr("disabled");
        })
    </script>

我在控制器中的动作：

 public PartialViewResult CargarCategorias()
        {
            var categorias = db.Categorias.ToList();

            return PartialView("_TablaCategorias", categorias);
        }

问题是，当您再次单击该按钮时，它会重新加载第一个下面的表格，依此类推，如果我一直按下按钮...

预期行为：无论您点击按钮的次数如何，表都会加载到同一个地方

获得的行为：每次按下按钮，都会在前一个

下面加载一个新表

我需要在代码中做些什么才能获得所需的行为？我必须占用Ajax技术？对我有什么帮助吗？