Javascript 动态加载时updatepanel无法工作？

这是我项目的结构

我想用

ajax

将

QuesEdit.aspx

页面加载到

index.aspx

中的

div

中

index.aspx

中的代码：

<script type="text/javascript">
    function loadDiv(name) {
        $.ajax({
            type: 'GET',
            async:true,
            url: '/index/innerAspx/' + name,
            success: function (data) {
                $("#mainPage").html(data);
            }
        });
    }
</script>

函数loadDiv（名称）{
$.ajax({
键入：“GET”，
async:true，
url:'/index/innerAspx/'+name，
成功：功能（数据）{
$（“#主页”）.html（数据）；
}
});
}

触发事件是

我试过：（在

index.aspx

）

单击
QuesEdit.aspx
中的按钮时，我只想更新
div
中的
QuesEdit.aspx
。但是，似乎回发已经发送，整个页面都被请求刷新。我得到了错误消息：
http404
，请求页面
/index/QuesEdit.aspx
找不到

为什么updatepanel不起作用

PS：我想生成一个像

通过单击侧边栏上的项目，我想在主页中加载相应的
asp.net
，
这是一种奇怪的方法，您可能会遇到更多的问题。您的更新面板正在工作，但您已在其中加载了要发回的整个页面的内容。我不确定为什么需要在页面中加载页面，但听起来您应该对QuesEdit内容使用ascx控件，并在其中包含更新面板。然后，您可以从两个页面引用该控件，它就会工作

您获得404的原因是，您正在将QuesEdit.aspx页面的内容加载到另一个目录中的页面中。因为您使用的是相对路径，所以这样做会破坏引用层次结构

编辑：

例如：

QuesEdit.ascx控件-在这里放置更新面板和当前QuesEdit.aspx页面中的所有功能

QuesEdit.aspx页面-在这里，加载QuesEdit.ascx控件

index.aspx页面-在这里，加载QuesEdit.ascx控件。如果需要，您可以根据用户输入切换其显示。
上面解释了我为什么需要在页面中加载页面。（我重新编辑了问题）。有没有更好的解决方案来实现这一功能？