c# - 渲染不同的局部 View onclick 不同的按钮

Question

我有一个 View ，它应该根据您单击的按钮显示三种不同的内容，也就是您要排序的内容。目前，它是静态的，按钮没有任何作用。因此，我有一个名为“Order”的主视图，在这个 View 中我想呈现部分 View PartialOrderZero、PartialOrderQuantity 和 PartialOrders。

目前我的工作是在我的 Order.cshtml 中:

<div class="orderListing">
    @{Html.RenderAction("PartialQuantityZero");}
</div>

效果很好，我正在显示来 self 的 PartialView OrdersQuantityZero 的数据。现在，我的目标是，点击不同的按钮，比如 button1、button2 和 button3，呈现我的三个不同的 PartialView。它似乎应该通过 jQuery 完成，但我尝试过的语法不起作用。有什么方法可以在 @{Html.RenderAction("PartialQuantityZero"); 所在的位置设置占位符，并使用 $("#button1/2/3").click(函数(){}?

提前致谢。

Answer 1

$('#button').on('click',function(){
                $.ajax({
                url: url,
                type: 'GET',
                success: function (data) {//data will be partial view
                $('.orderListing').html(data)
                }
            });
})