L'accès Java / Servlet / JSP / JSTL / EL variables en JavaScript

J'ai un formulaire dans la page JSP. J'ai à remplir en fonction de la demande objet (à partir de la servlet). Comment puis-je utiliser Java Script pour accéder à la demande des attributs d'un objet ou si vous pouvez me suggérer toute autre meilleure façon de remplir le formulaire dynamiquement?

InformationsquelleAutor Reddy | 2010-09-30
  1. 19

    Vous devez réaliser que Java/JSP est un simple HTML/CSS/JS code producteur. Donc, tout ce que vous devez faire est de simplement laisser JSP imprimer la variable Java comme si c'est une variable JavaScript et le code HTML généré/JS sortie de code est syntaxiquement valide.

    À condition que la variable Java est disponible dans les EL portée par ${foo}, voici plusieurs exemples comment l'imprimer:

    <script>var foo = '${foo}';</script>
    <script>someFunction('${foo}');</script>
    <div onclick="someFunction('${foo}')">...</div>

    Imaginer que le Java variable a la valeur "bar", puis JSP sera finalement de générer ce code HTML que vous pouvez vérifier par un clic droit, l'Affichage de la Source dans le webbrowser:

    <script>var foo = 'bar';</script>
    <script>someFunction('bar');</script>
    <div onclick="someFunction('bar')">...</div>

    Remarque que les singlequotes sont donc obligatoires pour représenter une chaîne de caractères tapés variable en JS. Si vous avez utilisé var foo = ${foo}; au lieu de cela, il serait impression var foo = bar;, qui peuvent se retrouver dans "le bar n'est pas défini" les erreurs lorsque vous essayez d'accéder plus bas dans le code JS (vous pouvez voir la JS erreurs JS console du navigateur web du développeur d'outils que vous pouvez ouvrir en appuyant sur la touche F12 dans Chrome/FireFox23+/IE9+). Notez également que si la variable représente un nombre ou une valeur de type boolean, qui n'a pas besoin d'être cité, puis le tout fonctionne très bien.

    Si la variable qui se passe pour provenir de l'utilisateur entrée contrôlée, puis garder à l'esprit pour prendre en compte Attaque XSS trous et JS échapper. Près du bas de notre EL page wiki vous pouvez trouver un exemple de comment créer un personnalisé EL fonction de laquelle s'échappe une variable Java pour une utilisation sûre en JS.

    Si la variable est un peu plus complexe, par exemple un Java bean, ou une liste de ceux-ci, ou une carte, alors vous pouvez utiliser l'un des nombreux JSON bibliothèques pour convertir l'objet Java à une chaîne JSON. Voici un exemple en supposant Gson.

    String someObjectAsJson = new Gson().toJson(someObject);

    Noter que de cette façon, vous n'avez pas besoin de l'imprimer en une chaîne de caractères entre guillemets plus.

    <script>var foo = ${someObjectAsJson};</script>

    Voir aussi:

    • Salut @BalusC. Je ne suis pas sûr de ce que l'OP entend par "objet de demande de la servlet". Que dois-je faire pour avoir les attributs de l'objet de requête?
    • commencez ici stackoverflow.com/q/2370960
    • J'ai utiliser des attributs de données pour éviter inline script balises et mondial js variables. Votre solution est préférable à l'utilisation d'un data-attribute? (Je m'occupe de stocker une grande JSON variable).
    • Je ne sais pas si vous avez notifié pour le commentaire précédent. Voulais juste assurez-vous que vous l'avez vu...
    InformationsquelleAutor BalusC
  2. 6

    Si vous êtes pré-remplissage des champs du formulaire basé sur les paramètres de la requête HTTP, alors pourquoi ne pas simplement le faire sur le côté serveur dans votre JSP... plutôt que sur le côté client avec JavaScript? Dans la page JSP il ressemblerait vaguement comme ceci:

    <input type="text" name="myFormField1" value="<%= request.getParameter("value1"); %>"/>

    Sur le côté client, en JavaScript n'a pas vraiment le concept d'un "objet de requête". Vous devez analyser la chaîne de requête, vous-même manuellement pour obtenir les paramètres CGI. Je soupçonne que ce n'est pas ce que vous êtes réellement désireux de faire.

    • Oui... de toute évidence, vous voulez également désinfecter le paramètre, pour éviter tout type de XSS ou attaque par injection.
    InformationsquelleAutor Steve Perkins
  3. 0

    Dans le fichier JSP:

    <head>
...
<%@ page import="com.common.Constants" %>
...
</head>
    <script type="text/javascript"> 
        var constant = "<%=Constants.CONSTANT%>"
</script>

    Cette constante variable sera alors disponible pour .js fichiers qui sont déclarées après le code ci-dessus.

    Constants.java est un fichier java contenant une constante statique CONSTANTE nommée.

    Le scénario que j'avais été, j'avais besoin d'une constante à partir d'un fichier de propriétés, de sorte qu'au lieu de construire un fichier de propriétés pour le javascript, je l'ai fait.

    InformationsquelleAutor Raj Kundalia
  4. -1

    Dans la page JSP :

    <c:set var="list_size" value="${list1.size() }"></c:set>

    Accéder à cette valeur en Javascipt page à l'aide de :

    var list_size = parseInt($('#list_size').val());

    J'ai ajouté la page javascript dans mon projet externe.

    InformationsquelleAutor Parth Patel