Обновление содержимого страницы JSP без обновления - PullRequest
5 голосов
/ 14 февраля 2012

У меня есть страница JSP, которая показывает содержимое таблицы. Пока пользователь просматривает страницу, содержимое таблицы меняется каждую секунду. Таким образом, пользователь должен обновлять страницу каждый раз, чтобы увидеть свежее и обновленное содержимое. Как я могу обновить содержимое страницы JSP без необходимости обновления страницы. Мне нужна была такая же функциональность, как на gmail.com, где размер почтового ящика постоянно увеличивается без обновления пользователей.

Ответы [ 2 ]

8 голосов
/ 14 февраля 2012

Вы должны изучить использование Ajax (jQuery - мой предпочтительный метод).

http://api.jquery.com/jQuery.get/

http://api.jquery.com/jQuery.post/

Затем он попадет в контроллер, который вернет нужные данные без обновления страницы.

Так, например, если у вас был login.jsp ...

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="true" %>
<html>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<head>
    <title>Login</title>
</head>
<body>
<h1>
    Hello please login to this application  
</h1>
<script>

        function login(){
            var username = $("#username").val();
            var password = $("#password").val();

            $.post('login', { username : username , password : password }, function(data) {
                $('#results').html(data).hide().slideDown('slow');
            } );
        }

</script>
Username : <input id="username" type="text" />
Password : <input id="password" type="password" />
<input name="send" type="submit" value="Click me" onclick="login()" />
<form name="next" action="auth/details" method="get">
    <input name="send" type="submit" value="Go Through"/>
</form>
<div id="results" />
</body>
</html>

В вашем контроллере вы затем нажмете на модель, но для простоты я сделал очень простой пример ...

/**
 * Handles requests for the application home page.
 */
@Controller
public class LoginController {

    private static final Logger logger = LoggerFactory.getLogger(LoginController.class);

    Util util;

    /**
     * Simply selects the home view to render by returning its name.
     */
    @RequestMapping(value = "/login", method = RequestMethod.POST)
    public String home(Locale locale, Model model, String username, String password) {


        if(username.equalsIgnoreCase("david"))
        {
            model.addAttribute("validUser", "Welcome " + username );

            return "home";
        }
        else
        {
            model.addAttribute("validUser", "Incorrect username and password");
            return "home";
        }

    }

}

Это затем добавит бит медленной прокрутки html в div, чтобы сказать, если он действителен, код для home приведен ниже ...

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="true" %>
<html>
<body>
<P>  ${validUser}. </P>
</body>
</html>
2 голосов
/ 14 февраля 2012

Вы можете сделать запрос ajax и получить данные с сервера и использовать сценарий java для рендеринга этих данных в представлении

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...