Jquery tableau input de formulaire ajax

Comment puis-je obtenir le tableau d'entrée username valeurs dans le jQuery variable users?

    <input type='text' name='username[]' class='users' value='test1' />
    <input type='text' name='username[]' class='users' value='test2' />
    <input type='text' name='username[]' class='users' value='test3' />

<div class='submit'>Submit</div>

    <script type="text/javascript">
    $(function() {

        $('.submit').click(function() {

            var users = 
        var dataString = 'users=' + users;

            $.ajax({
            type:'POST',
            url:'users.php',
            data: dataString,
            success: function() {


                }
            });
        });


    });
    </script>
InformationsquelleAutor user892134 | 2011-10-22
  1. 10

    Découvrez jQuery.serialize(). Il devrait vous donner un tableau de noms d'utilisateur.

    var users = $('input:text.users').serialize();

    Vous pouvez cependant être paresseux ou spécifiques avec le sélecteur: .users,input.users,form .users serait tout le travail, en plus de quelques autres.

    Pour cet exemple:

    //users = 
username[]=test1&username[]=test2&username[]=test3

    Qui, en fonction de votre serveur-côté de la technologie, à travers dans la demande comme étant un tableau de chaînes de caractères pour la clé "nom d'utilisateur" (PHP, par exemple).

    InformationsquelleAutor Cᴏʀʏ
  2. 5
        <script>

        $(function() {

            $('.submit').click(function() {

                //Get data as array, ['Jon', 'Mike']
                var users = $('input[name="username[]"]').map(function(){ 
                    return this.value; 
                }).get();

                $.ajax({
                    type: 'POST',
                    url: 'users.php',
                    data: {
                        'username[]': users,
                        //other data
                    },
                    success: function() {

                    }
                });

            });

        });

    </script>
    InformationsquelleAutor Nechehin
  3. 1

    Vous pouvez utiliser map pour obtenir un tableau:

    //from inside the submit callback
var users = $(this).find('.users').map(function(i, el) {
    return el.value;
});

    Démo (courir avec la console): http://jsfiddle.net/ambiguous/w2RRW/

    • Voir Intersellar du commentaire ou de la documentation: api.jquery.com/map, et de vous essayer d'obtenir un tableau ou une chaîne d'URL? Votre question de code et de dire des choses différentes.
    • un tableau, qui l'ajax POST users.php.
    • Si vous voulez un tableau, puis votre appel AJAX serait d'utiliser data: { users: users }, si vous êtes heureux avec une chaîne d'URL, puis faire ce que vous faites maintenant, mais l'utilisation de Cory serialize approche.
    InformationsquelleAutor mu is too short