Recuperando dados de uma tabela dinamica

Olá estou com uma duvida, estou fazendo um projeto web para gerenciar pedidos, ou seja, meu sistema cadastra os clientes, registra os pedidos, calcula os totais e mostra para o usuário. O meu problema é que na hora de montar o pedido eu coloquei uma tabela dinâmica com os campos: produto, quantidade e valor. Só que eu não sei como fazer para recuperar esses dados na servlet. Alguém poderia me ajudar. Segue abaixo o código da tabela.

Script da tabela:

<script type="text/javascript">
      function adicionarLinha()
      {
       var local=document.getElementById('tabela-encomenda');
       var tblBody = local.tBodies[0];
       var newRow = tblBody.insertRow(-1);
       var newCell0 = newRow.insertCell(0);
       newCell0.innerHTML = '<td><input type="text" name="produto"></td>'; 
       var newCell1 = newRow.insertCell(1);
       newCell1.innerHTML = '<td><input type="number" name="qtd-produto"></td>';
       var newCell2 = newRow.insertCell(2);
       newCell2.innerHTML = '<td><input type="text" name="valor"></td>';
       var newCell3 = newRow.insertCell(3);
       newCell3.innerHTML = '<td><input type="text" name="descricao"></td>';

     }
   </script>

Código HTML da tabela:

<h1 id="titulo-cadastrar-cliente">Registrar Encomenda</h1>

		<section>
			<form id="formulario">
				
				<table id="tabela-encomenda">
					
					<tbody>

						<td id="coluna">
							Produto
						</td>

						<td id="coluna">
							Quantidade
						</td>

						<td id="coluna">
							Valor
						</td>

						<td id="coluna">
						Descrição
						</td>

					</tbody>

				</table>

				<input id="botao-lista" type="button" onclick="adicionarLinha();" value="Adicionar">

Esse script eu peguei na internet e dei uma modificada, mas não sei como faço para recuperar os dados.

Desde já Obrigada.

Topicos relacionados