在 JSP 页面中使用 JQuery 从另一个文件加载部分 HTML 会出现 404 Not Found 错误答案

【问题标题】：Loading part of HTML from another file using JQuery in JSP page gives 404 Not Found error在 JSP 页面中使用 JQuery 从另一个文件加载部分 HTML 会出现 404 Not Found 错误
【发布时间】：2017-02-18 17:58:11
【问题描述】：

我使用 JQuery 加载了我的 JSP 页面的一小部分，但我收到 404 Not Found 错误。我已将 home.jsp 与 sample.jsp 放在一起。我在 sample.jsp 文件中编写了一个 html 表单，并使用 load() 方法将相同的文件加载到 home.jsp 中的 div的 JQuery。

home.jsp

<div id="app"></div>

<script type="text/javascript">
    $(function() {
        $( "#app" ).load( "templates/form-signin.html" );
    });
</script>

【问题讨论】：

您可能正在通过单击执行脚本。尝试使用 localhost 或类似的东西通过 Web 服务器调用它
感谢您的回复，我没有通过点击执行脚本。它将在页面加载后执行。是的，我正在使用 Tomcat 服务器 为我的 JSP 页面提供服务。
尝试在浏览器调试器中查找您的错误.. 或检查您的 html 位置是否正确...

标签： jquery ajax spring jsp

【解决方案1】：

在浏览器的开发人员选项的网络选项卡中检查为您提供 404 的 URL。然后检查是否可以手动打开它。您可能也会以这种方式获得 404。确保该文件可通过该 URL 访问，并相应地调整位置/服务器设置/url。

【讨论】：

谢谢你的回答，但我已经厌倦了。我已经从浏览器的网络选项卡中手动打开了该链接，并得到了同样的错误。该文件位于同一位置。即在 views/templates 文件夹中。但我也只尝试了 views 文件夹，但得到了同样的错误。
那么问题不在于您的 javascript，而在于您的 Web 服务器配置。此外，检查文件名或 url 中的任何拼写错误（请注意，在基于 UNIX 的系统上，文件名和 URL 在大多数情况下都区分大小写）。您还可以检查是否可以从浏览器访问表单。如果您以http://asd/home.jsp 查看您的jsp，那么您应该以http://asd/templates/form-signin.html 访问该表单。如果没有，请确保将 html 文件放在与 jsp 文件相同的文件夹中名为 templates 的文件夹中。

【解决方案2】：

好的，我解决了。我创建了一个 API，而不是 JQuery load() 调用，它在 home.jsp 的 div 中使用 HTML 表单为 sample.jsp 文件提供服务。

home.jsp

<div id="app"></div>

<script type="text/javascript">
    $(function() {
        $( "#app" ).empty();
        $.ajax({
            type: "GET",
            url: "http://localhost:8080/appname/loginform",
            cache: false,
            success: function(data){
                $("#app").append(data);
            }
        });
    });
</script>

现在上面的 API 调用返回该表单，它将显示在 div 标签内。它可以找到 sample.jsp 是在 views 文件夹中还是在 views/templates 文件夹中。

感谢大家的帮助。

【讨论】：