Mise à jour des contenus d'une page jsp sans rafraîchissant

J'ai une page jsp qui affiche le contenu d'un tableau.
Alors que l'utilisateur consulte une page le contenu de la table des modifications sur une seconde par seconde.
Ainsi, l'utilisateur a pour actualiser la page à chaque fois pour voir fraîches et mises à jour de contenu.
Comment puis-je mettre à jour le contenu de la page jsp, sans avoir à rafraîchir la page.
Je voulais une fonctionnalité tout comme dans gmail.com lorsque la taille de la boîte aux lettres juste ne cesse d'augmenter sans que les utilisateurs rafraîchissant.

OriginalL'auteur gautam vegeta | 2012-02-14

  1. 8

    Vous devriez regarder dans l'aide d'Ajax (jQuery est ma méthode préférée).

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

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

    Ce serait alors frappé un contrôleur qui retourne les données que vous souhaitez sans rafraichissement de la page.

    Ainsi, par exemple, si vous avez une connexion.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>

    Dans votre contrôleur, vous serait alors frappé le Modèle, mais pour des raisons de simplicité, j'ai fait un exemple très simple...

    /**
 * 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";
        }

    }

}

    Ce serait alors d'ajouter un lent défilement peu de code html à la div-à-dire si elle est valide, le code de la maison est ci-dessous...

    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="true" %>
<html>
<body>
<P>  ${validUser}. </P>
</body>
</html>
    Pouvez-vous fournir un exemple d'une page jsp faire de même.
    Exemples ajouté l'important est de $.poste...

    OriginalL'auteur david99world

  2. 2

    Vous pouvez faire une requête ajax et extraire les données à partir du serveur et de l'utiliser java script pour afficher ces données sur la vue

    Pouvez-vous fournir un exemple d'une page jsp faire de même

    OriginalL'auteur Jigar Joshi