Javascript 如何在单击时动态添加JSP页面
我有如下链接:Javascript 如何在单击时动态添加JSP页面,javascript,jquery,html,Javascript,Jquery,Html,我有如下链接: <font size="2"><a class="pull-right" id="pageAdd" href="" title="add new page"><i class="icon-plus-sign"></i></a></font> 和jquery脚本,如下所示 <script type="text/javascript"> $(document).r
<font size="2"><a class="pull-right" id="pageAdd" href="" title="add new page"><i
class="icon-plus-sign"></i></a></font>
和jquery脚本,如下所示
<script type="text/javascript">
$(document).ready(function(){
$("#pageAdd").click(function() { .................(1)
$.get('WEB-INF/views/diary/createPage.jsp', function(data) {
$("#newPage").html(data);
});
});
});
我正在尝试将createPage.jsp添加到以下div
<div id="newPage">
</div>
我已经使用firebug进行了调试。执行在jquery内部进行,但在第1行之后跳出。知道问题出在哪里吗。您的WEB-INF文件夹对HTTP调用不可见,请尝试使用/views/diary/createPage.jsp使$.get正常运行。在标记1处,向onClick事件添加一个函数。当您在Firebug中调试时,您可能只看到您的函数被添加,而没有被调用 WEB-INF/views/diary/createPage.jsp链接在我看来很奇怪。war文件不会从WEB-INF目录中向浏览器提供任何内容 如果可以手动浏览到,请尝试将文件移到网站外WEB-INF,重建应用程序并在浏览器中进行测试http://localhost:8080/YOUR_CONTEXT/views/diary/createPage.jsp
打开Firebug网络视图:您能看到对views/diary/createPage.jsp的请求吗?可能由于计算相对路径的方式,您的JavaScript将请求发送到错误的路径我认为您还应该在onclik中将href从更改为或返回false,否则浏览器可能会重新加载页面并中断脚本执行。您是否尝试过:$'newPage'。加载'WEB-INF/views/diary/createPage.jsp';是的,我试过了…不工作是的。。您的锚href=是同一web应用程序中的issueis/views/diary/createPage.jsp吗?你可以从浏览器中调用/views/diary/createPage.jsp?我相信你需要在url中使用你的应用程序名,正如@phisch所说:你的上下文/views/…你应该尝试使用其他文件,以确保jsp文件中没有错误。让我们告诉你可以手动浏览到WEB-INF/views/diary/createPage.jsp?检查JavaScript是否以正确的方式构造了相对URL。