Question

我有如下链接：

 <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行之后跳出来。任何想法是什么问题。

Answer 1

您的WEB-INF文件夹对HTTP调用不可见，请尝试使用/views/diary/createPage.jsp

创建$ .get（）

Answer 2

您的JavaScript似乎没问题。在标记（1）处，您可以向onClick事件添加一个函数。在Firebug中调试时，您可能只看到正在添加的函数，而不是被调用。

链接WEB-INF/views/diary/createPage.jsp对我来说很奇怪。您的war文件不会从WEB-INF目录中向浏览器提供任何内容。

如果您可以手动浏览到http://localhost:8080/YOUR_CONTEXT/views/diary/createPage.jsp

，请尝试将文件移出现场WEB-INF，重建您的应用并在浏览器中进行测试

打开Firebugs网络视图：您能看到views/diary/createPage.jsp的请求吗？由于计算相对路径的方式，您的JavaScript可能会将请求发送到错误的路径

Answer 3

我认为您还应该将href从“”更改为“＃”或在onclik中返回false，否则浏览器可能会重新加载页面并中断脚本执行。

如何在点击时动态添加JSP页面

3 个答案: