javascript - 加载外部 JSP 页面 onclick

Question

我不确定我是否能做到这一点。我在menu.jsp文件中有一个菜单。到目前为止，我将菜单包含在我的original.jsp. 现在，我想提供一个按钮而不是我的menu.jsp，当用户单击该按钮时，我想加载menu.jsp. 我怎样才能做到这一点？我想让我的页面看起来像 Microsoft Outlook Navigation Pane。我现在有这个...按钮在 original.jsp 中。其他 div 在 menu.jsp 中

    $(document).ready(function() {
    $('#showmenu').click(function() {
    var hidden = $('.sidebarmenu').data('hidden');
    $('#showmenu').text(hidden ? 'Hide Menu' : 'Show Menu');
    if(hidden){
        $('.sidebarmenu,.image').animate({
        left: '0px'
    },500)
    } else {
    $('.sidebarmenu,.image').animate({
        left: '-210px'
    },500)
    }
    $('.sidebarmenu,.image').data("hidden", !hidden);
});
});
<div id="content">
<div id="pageNav"  style="z-index:9999; position:relative;height:180px;">
   <button id="showmenu" type="button">Hide menu</button>
    <div class="sidebarmenu" style="position: absolute;">
        Menu List
        <img class="image" src="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg">
    </div>
</div>