[DÚVIDA] Trazer um Array de um Input para o Javascript

[weikan_1991 0]

Olá,

 

Eu possuo um código HTML com um formulário que contém um Array com input, desta maneira:

 

<form name="formulario" method="post" action="">
	<input type="text" name="item[]" id="item"/>
  <button type="button" id="add">Adicionar Campo</button>
  <div id="novo_campo">
  </div>
  <hr/>
 	<button type="button" onclick="enviaDados()">Enviar Dados</button>
</form>

 

E neste mesmo arquivo tenho um script desta maneira:

 

<script>

//aqui ele adiciona um campo dinamicamente cada vez que eu clicar no botão "Adicionar Campo"
$('#add').click(function(){
	
	$('#item').append('<div><input type="text" name="item[]" id="item"/><button type="button" id="remover">Remover Campo</button></div>');
  	
});

//aqui ele remove o campo que eu escolher ao clicar em "Remover Campo"
$('body').on('click', '#remover', function(){
	$(this).parent('div').remove();
});

function enviaDados(){

//aqui é pra ele guardar item a item do campo itens[] em um array no Javascript
var item = new Array();
$('#item').each(function(){
	item.push($(this).val());
});

//aqui eu faço a solicitação AJAX pra ele me retornar em uma DIV o resultado que eu quero
$.ajax({
url: 'resultado.php',
type: 'POST',
data: {item: item},
success: function(data){
$('#novo_campo').html(data);
},
dataType: 'html'
});
  
}
  
</script>

E aqui o arquivo resultado.php:

 

<?php 

$item = $_POST['item'];

print_r($item);

?>

O que acontece é que ele só tá me retornando o primeiro valor do Array, ignorando todos os outros que eu venha a inserir.

 

Alguém tem alguma forma melhor de fazer com que eu tenha como retorno um Array com todos os itens que eu adicione?

 

Agradeço desde já pela atenção.

 

Att,

Andrade.