Jquery输入数组形式为ajax

Question

如何username在jQuery变量中获取输入数组值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>

Answer 1

退房jQuery.serialize().它应该为您提供一组用户名.

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

你可以偷懒但是具体还是与选择:.users,input.users,form .users将所有的工作,再加上几个.

对于这个例子:

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

根据您的服务器端技术,它将作为密钥"username"(例如PHP)的字符串数组在请求中出现.

Answer 2

    <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>