我有一个如下链接:
<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 行之后跳出。知道问题是什么。
最佳答案
你的 JavaScript 看起来没问题。在标记 (1) 处,您向 onClick 事件添加一个函数。当您在 Firebug 中调试时,您可能只看到函数被添加,而不是被调用。
链接WEB-INF/views/diary/createPage.jsp
对我来说看起来很奇怪。您的 war 文件不会从 WEB-INF 目录内向浏览器提供任何内容。
尝试将文件移出 WEB-INF,重建应用程序并在浏览器中进行测试(如果您可以手动浏览到http://localhost:8080/YOUR_CONTEXT/views/diary/createPage.jsp
) >
打开 Firebugs WebView :您能看到对 views/diary/createPage.jsp
的请求吗?由于相对路径的计算方式,您的 JavaScript 可能会将请求发送到错误的路径
关于javascript - 如何在点击时动态添加JSP页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15174537/