在按钮上单击加载UserControl而不刷新整个页面

Question

解释我的问题：

在我的ASP.NET解决方案中，我有2个按钮：

按钮1和按钮2

我有两个内容完全不同的UserControl

单击每个按钮我想将不同的UserControl加载到ContentPlaceHolder中，但不重新加载整个页面。所以实际上它必须像Ajax TabContainer一样工作（但不能一次加载所有选项卡）。

我试图用Ajax TabContainers解决这个问题，但加载时间太糟糕了。

有人有同样的问题吗？你怎么解决这个家伙？

Answer 1

ContentPlaceHolder我假设是div

您可以使用.load() jQuery方法。这将通过AJAX调用将页面内容加载到容器中，而无需刷新页面。

像这样使用：

$('#button1').click(function(){
    $('#ContentPlaceHolder').load('ajax/test1.php');
});

$('#button2').click(function(){
    $('#ContentPlaceHolder').load('ajax/test2.php');
});