1

我有一个如下链接：

 <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>

我已经使用萤火虫进行了调试。执行在 jquery 内部进行，但在第 1 行之后跳出。知道问题出在哪里。

4

3 回答 3

0

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

于 2013-03-02T12:39:46.490 回答
0

你的 JavaScript 似乎没问题。在标记 (1) 处，您将一个函数添加到 onClick 事件。当你在 Firebug 中调试时，你可能只看到你的函数被添加，而不是被调用。

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

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

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

于 2013-03-02T12:43:45.210 回答
0

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

于 2013-03-02T12:46:25.580 回答