Comment puis-je accéder aux variables envoyées dans la requête via jQuery?

Question

J'utilise des entretoises. Mon ActionForm a un ArrayList mis en place à l'intérieur, comment puis-je accéder au tableau à partir de la JSP que l'ActionForm est envoyé par le contrôleur dans jQuery sur un clic de bouton. C'est ainsi que je peux faire une boucle sur les éléments de ce tableau. Je suppose que c'est quelque chose comme ça, mais c'est un coup de couteau dans le noir (qui ne fonctionne pas).

$('myButton').click(function(){ 
    var myArrayToLoopThrough = $('myForm.myArray'); 
    for(){ 
     //looping stuff 
    } 
} 

Answer 1

jQuery fonctionne sur le code HTML généré par votre JSP.

Alors jetez un oeil sur le code HTML généré dans le navigateur en utilisant un outil comme Firebug pour Firefox.

Ensuite, vous pouvez utiliser jQuery pour sélectionner et parcourir des éléments HTML. Voici la syntaxe de base des choses les plus utiles:

Sélectionnez un ID: $("#id")

Sélection par classe: $(".class")

Sélectionnez par tag HTML: $("p") ou $("span")

Itérer sur une sélection

$(...something...).each(function(){ 
    // this is the DOM element 
    // $(this) is a jQuery object containing the DOM element 
}); 

Official jQuery documentation on selectors

---

EDIT

Sur la base de vos commentaires, vous semblez être à la recherche d'un moyen de communiquer avec le serveur d'objets au lieu de HTML généré.

Javascript (jQuery est écrit en Javascript) est une langue de navigateur Web qui ne peut interagir qu'avec le code HTML généré. Vos objets Java ne sont pas envoyés au navigateur.

Si vous avez besoin de récupérer des données du serveur, vous avez besoin d'une nouvelle requête HTTP pour récupérer ces données. Cela peut être fait dans jQuery en utilisant le AJAX methods.

Answer 2

Vous pouvez vérifier .serializeArray(). Vous pouvez obtenir toutes les données du formulaire dans un bel objet afin que vous puissiez faire ce que vous voulez avec les données.

jQuery .serializeArray() Documentation

var data = $('#form-id').serializeArray(); 

Maintenant vous pouvez boucle à travers data. Les clés sont name et value.

Answer 3

Est-ce ce que vous cherchez?

$('.myButton').click(function(e) { 
    var data = $(this).closest('form').serializeArray(); 
    for(var i = 0; i < data.length; i++) { 
     var field = data[i]; 
     console.log(field.name + '=>' + field.value); 
    } 
}); 

Answer 4

Obtain form input fields using jQuery?