Tenho uma tabela dinâmica, onde posso adicionar ou remover uma linha, quando adiciono uma nova linha eu consigo enviar oque ta escrivo pelo form... Porém não quanto tento enviar via ajax , só envia a primeira linha. Como seria o certo para enviar todas as novas linhas?
Código html
<table id="table" class="table table-striped table-bordered table-hover" data-url="data1.json" data-height="299" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" class="table table-striped table-condensed">
<thead>
<tr class="text-center">
<th data-field="categoria" data-radio="true">Nº do Item</th>
<th data-field="categoria" data-radio="true">Quantidade</th>
<th data-field="categoria" data-radio="true">Preço unitário</th>
<th data-field="categoria" data-radio="true">Regra destribuição</th>
<th data-field="categoria" data-radio="true">Total</th>
<th>-</th>
</tr>
</thead>
<tbody>
<tr class="linhas odd gradeX">
<td><input type="text" name="item_cod[]" id="item_cod" /></td>
<td><input type="text" name="quantidade[]" id="quantidade"/></td>
<td><input type="text" name="preco_und[]" id="preco_und" /></td>
<td><input type="text" name="regra_dest[]" id="regra_dest" /></td>
<td><input type="text" name="total[]" id="total" /></td>
<td>
<a href="#" class="btn btn-danger evento-btn-excluir tooltip-info excluir removerCampo" data-toggle="tooltip" data-placement="top" title="Excluir" value="">
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
</td>
</tr>
<tr>
<td colspan="6">
<input type="text" name="qtdLinhas" id="qtdLinhas" value="1" style="width:40px;" />
<a href="#" class="adicionarCampo" data-toggle="tooltip" data-placement="top" title="Adicionar linha">
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
</a>
</td>
</tr>
</tbody>
</table>
<button id="enviar" class="btn btn-success text-right" type="submit">
<i class="fa fa-fw fa-save"></i> Salvar
</button>
ADICIONAR E REMOVER LINHAS
$(function () {
function removeCampo() {
$("removerCampo").off("click");
$(".removerCampo").on("click", function (){
if($("tr.linhas").length > 1){
$(this).parent().parent().remove();
} }); }
$(".adicionarCampo").on("click", function (){
var qtdLinhas = $("#qtdLinhas").val();
for ( var i = 0 ; i < qtdLinhas ; i++ ){
novoCampo = $("tr.linhas:first").clone();
novoCampo.find("input").val("");
novoCampo.insertAfter("tr.linhas:last");
removeCampo(); } }); });
AJAX
$(document).ready(function(){
$('#enviar').click(function(){
var item_cod = (document.getElementById('item_cod').value);
var quantidade = (document.getElementById('quantidade').value);
var preco_und = (document.getElementById('preco_und').value);
var regra_dest = (document.getElementById('regra_dest').value);
var total = (document.getElementById('total').value);
var fornecedor = (document.getElementById('fornecedor').value);
var data_lancamento = (document.getElementById('data_lancamento').value);
$.ajax({
type:"POST",
url:'./produtos/cadastrar-produto',
data:{
item_cod:item_cod,
quantidade:quantidade,
preco_und:preco_und,
regra_dest:regra_dest,
total:total,
fornecedor:fornecedor,
data_lancamento:data_lancamento,
_token: $('input[name="_token"]').val()
},
});
});
});