【问题标题】:Display some simple data in HTML在 HTML 中显示一些简单的数据
【发布时间】:2018-04-17 11:07:06
【问题描述】:

activeUsers.getUsers() 在我的应用中返回一个包含在线用户的列表。

我想在我的 HTML 中显示它,但我不知道该怎么做。我的 ajax 请求出现错误 404,但如果我在控制器中放置断点,它会显示在线用户列表。

有什么帮助吗??

控制器

  @RequestMapping(value = "/loggedUsers", method = RequestMethod.GET)
public String getLoggedUsers(Model model) {
    model.addAttribute("loggedUsers", activeUsers.getUsers());
    return "loggedUsers";
}

AJAX

$(document).ready(function () {

//get loggedUsers
$.ajax({
    url: '/loggedUsers',
    type: 'get',
    success: function (loggedUsers) {
        console.log(loggedUsers);
    }
});
});

HTML

<div id="sidebar-right" class="visible">
<ul class="sidebar-nav">
    <li id="dashboard">
        <a href="dashboard">
            <c:forEach var="loggedUser" items="${loggedUsers}">
                <span class="menu-title">${loggedUser}</span>
            </c:forEach>
        </a>
    </li>
</ul>

控制台日志返回:

错误 404

【问题讨论】:

  • ajax 返回 404 但它正在调用函数
  • 您返回的不是用户列表,而是一个视图。 loggedUsers.jsp(或您使用的任何查看技术都找不到)。相反,只需返回用户列表并使用 @responseBody 注释该方法,这样您就可以将用户列表作为 JSON 获取,然后使用一些 JS 来呈现列表。
  • 你是对的。谢谢

标签: javascript java jquery html spring


【解决方案1】:

添加@Response 正文。您需要将其设为 REST API,因为它是 AJAX 调用。

@RequestMapping(value = "/loggedUsers", method = RequestMethod.GET)
  public @ResponseBody String getLoggedUsers(Model model) {
  model.addAttribute("loggedUsers", activeUsers.getUsers());
  return "loggedUsers";
}

【讨论】:

    【解决方案2】:

    更改您的控制器并在其上方添加@ResponseBody 注释。你的代码应该是这样的

      @RequestMapping(value = "/loggedUsers", method = RequestMethod.GET)
      @ResponseBody
      public String getLoggedUsers(Model model) {
      model.addAttribute("loggedUsers", activeUsers.getUsers());
      return "loggedUsers";
    }
    

    这将只返回内容,例如,不会查找jsp。 (你得到404的原因)

    【讨论】:

    • 但我仍然需要用jquery动态附加它吗?有没有办法将已登录的用户放在 html 中?
    • 你在构建rest API吗?您的 html 文件的名称是什么?
    • 不知道是不是REST。这是一个带有 Spring MVC5 的网站。该页面称为sidebar-right.jsp,我在每个页面中都使用&lt;%@include file="sidebar-right.jsp"%&gt;
    • 好吧,我强烈建议你看看这个spring.io/guides/gs/serving-web-content
    • 这将使您全面了解如何遵循 Spring 指南来构建基于 Spring 的应用程序
    猜你喜欢
    • 2023-03-08
    • 1970-01-01
    • 2011-08-31
    • 2018-09-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-15
    • 1970-01-01
    相关资源
    最近更新 更多