Javascript 使用ajax添加jsp页面，作为HTTP请求的结果

我有一个名为userPage.JSP的JSP页面，它有两个“选项卡”。单击每个选项卡链接将在div中显示相应的JSP页面

<ul class="nav nav-tabs">
   <li class="active"><a href="#joinGamePanel" data-toggle="tab">Join a Game</a></li>
   <li><a href="#createGamePanel" data-toggle="tab">Create Game</a></li>
</ul>
<div class="tab-content">
   <div class="tab-pane active" id="joinGamePanel"></div>
   <div class="tab-pane" id="createGamePanel"></div>
</div>

（我添加了窗口前缀以尝试解决问题 但它不起作用……）

但有时我希望createGamePanel div被填充（当我收到一个特定请求时） 我尝试添加一个选项卡，并从userPage.jsp调用

showPage

函数，但我得到一个错误，该函数无法识别

还有别的办法吗

---

谢谢你

你是如何调用showPage函数的？目前我在单击

选项卡将代码动态放入div时调用它。我在window上调用它。准备好显示joinGamePanel div了。所有这些代码与showPage函数位于同一个js文件中

window.showPage = function(panel, loadPage) {
    jQuery.ajax({
        url: loadPage,
        timeout: 2000,
        error: function(error) {
            console.log("error");
        },
        success: function(r) {
            $(panel).append(r);
        }
    });
};