Jquery 입력 배열 양식 아약스

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 

는, 서버 측 기술에 따라 키 "사용자 이름"에 대한 문자열 배열로 요청을 통해 올 것이다 (PHP, 예를 들면).

Answer 2

당신은 배열을 얻을 수 map를 사용할 수 있습니다 http://jsfiddle.net/ambiguous/w2RRW/

Answer 3

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