Ir para conteúdo

POWERED BY:

emmanuelsiqueira30

Salvar dados de uma tabela html no banco de dados mysql

Por , em PHP

Recommended Posts

emmanuelsiqueira30    0

emmanuelsiqueira30
Postado

Pessoal estou precisando de uma ajuda.

Alguém sabe explicar como salvar os dados de uma tabela html <table>, no banco de dados mysql.

Por exemplo estou adicionando dinamicamente com jquery cada linha só é adicionada uma linha se for necessária e quando terminar de adicionar as linhas com os dados escolhidos clico no botão salvar e o que tiver na tabela salvar no banco de dados mysql.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Williams Duarte    431

Williams Duarte
Postado

Depende! 

É difícil dizer qual seria a maneira mais simples com essas informações,  Eu provavelmente pegaria o novo evento de linha, obtendo os dados e fazendo uma solicitação POST com ajax em uma API toda vez que uma nova linha é adicionada. Tente adicionar alguns trechos de códigos, quem sabe a comunidade, ao invés de tentar adivinhar oque está fazendo, mostre uma solução melhor, baseado no que você já fez.

 

Porém, particularmente faria isto com vue.js, ja que é reativo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

emmanuelsiqueira30    0

emmanuelsiqueira30
Postado
23 horas atrás, emmanuelsiqueira30 disse:

Pessoal estou precisando de uma ajuda.

Alguém sabe explicar como salvar os dados de uma tabela html <table>, no banco de dados mysql.

Por exemplo estou adicionando dinamicamente com jquery cada linha só é adicionada uma linha se for necessária e quando terminar de adicionar as linhas com os dados escolhidos clico no botão salvar e o que tiver na tabela salvar no banco de dados mysql.

 

index.php 

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    
<form action="test.php" method="post">
	
	<table class="table" id="products-table">
  <thead>
    <tr>
      <th>PRODUTO</th>
      <th>HORA</th>
	  <th>ESTADO</th>
	  <th></th>
    </tr>
  </thead>
  <tbody>
    <tr id="linha">
      <td><select name="ativo"><option>LIQUIDIFICADOR</option></select></td>
      <td><input type="time" name="hora"></td>
	   <td><select name="acao"><option>PE</option></select></td>
	   <td><button onclick="AddTableRow()" type="button">Adicionar</button></td>
	  <td><button onclick="RemoveTableRow()" type="button">Remover</button></td>
    </tr>
   
  </tbody>
  
</table>

<input type="submit" value="Cadastrar">
</form>
		
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
	<script src="js/scripts.js"></script>
  </body>
</html>

 

scripts.js 

(function($) {
	
  AddTableRow = function() {

    var newRow = $("<tr id='linha'>");
    var cols = "";

    cols += '<td><select name="ativo"><option>GBP/JPY</option></select></td>';
    cols += '<td><input type="time" name="hora"></td>';
	cols += '<td><select name="acao"><option>PUT</option></select></td>';
    cols += '<td>';
	cols += '<button onclick="AddTableRow()" type="button">Adicionar</button>';
    cols += '<button onclick="RemoveTableRow()" type="button">Remover</button>';
    cols += '</td>';

    newRow.append(cols);
    $("#products-table").append(newRow);

    return false;
  };
  
})(jQuery);

function RemoveTableRow() { 
	document.getElementById("linha").remove(); 
}

 

10 horas atrás, Williams Duarte disse:

Depende! 

É difícil dizer qual seria a maneira mais simples com essas informações,  Eu provavelmente pegaria o novo evento de linha, obtendo os dados e fazendo uma solicitação POST com ajax em uma API toda vez que uma nova linha é adicionada. Tente adicionar alguns trechos de códigos, quem sabe a comunidade, ao invés de tentar adivinhar oque está fazendo, mostre uma solução melhor, baseado no que você já fez.

 

Porém, particularmente faria isto com vue.js, ja que é reativo.

 

Editei a pergunta.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Williams Duarte    431

Williams Duarte
Postado

Passe os dados dos forms por Array, seja eles selects, inputs etc, desta forma, ou você manda a request diretamente para o php ou para o proprio jquery efetuar a requisição por ajax.
  

<select name="ativo[]">...</select>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

emmanuelsiqueira30    0

emmanuelsiqueira30
Postado
Em 16/06/2020 at 21:48, Williams Duarte disse:

Passe os dados dos forms por Array, seja eles selects, inputs etc, desta forma, ou você manda a request diretamente para o php ou para o proprio jquery efetuar a requisição por ajax.
  


<select name="ativo[]">...</select>

 

 

E como pego os valores das células da tabela?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Williams Duarte    431

Williams Duarte
Postado

Dois exemplos em UM:

 

  

$( "form" ).submit(function( event ) {

  console.log( $( this ).serializeArray() );
  event.preventDefault();

  var ativo = $("input[name='ativo[]']")
                .map(function(){
                  return $(this).val();
                }).get();

  console.log(ativo);  

});

https://api.jquery.com/serializeArray/

https://api.jquery.com/jQuery.map/


Para enviar para o php, use ajax, só montar o payload, caso queira validar os dados, no lado cliente, senão, envie os dados serializados, que estão em $( this ).serializeArray(). 

Exemplo da documentação, substitua o data pelo seu payload. 

$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });

https://api.jquery.com/jquery.ajax/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Ir para a lista de tópicos PHP

  • Conteúdo Similar

    • violin101
      PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto
      Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
    • violin101
      PHP+Codeigniter - Adicionar Registro Plano de Contas
      Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
    • violin101
      PHP - Consulta MySql para prazo de dias
      Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a orientação dos amigos.

      Preciso fazer um Relatório onde o usuário pode Gerar uma Lista com prazo para vencimento de: 15 / 20/ 30 dias da data atual.

      Tem como montar uma SQL para o sistema fazer uma busca no MySql por período ou dias próximo ao vencimento ?

      Tentei fazer assim, mas o SQL me traz tudo:
      $query = "SELECT faturamento.*, DATE_ADD(faturamento.dataVencimento, INTERVAL 30 DAY), fornecedor.* FROM faturamento INNER JOIN fornecedor ON fornecedor.idfornecedor = faturamento.id_fornecedor WHERE faturamento.statusFatur = 1 ORDER BY faturamento.idFaturamento $ordenar ";  
      Grato,
       
      Cesar
       
       
       
       
    • violin101
      PHP+Codeigniter - Trabalhando com Data
      Por violin101
      Caros amigos, saudações
       
      Por favor, me perdoa em recorrer a orientação dos amigos, tenho uma dúvida.
       
      Gostaria de uma rotina onde o Sistema possa acusar para o usuário antes dos 30 dias, grifar na Tabela o aviso de vencimento próximo, por exemplo:
       
      Data Atual: 15/11/2024
                                           Vencimento
      Fornecedor.....................Data.....................Valor
      Fornecedor_1...........01/12/2024..........R$ 120,00 <== grifar a linha de Laranja
      Fornecedor_1...........01/01/2025..........R$ 130,00
      Fornecedor_2...........15/12/2024..........R$ 200,00 <== grifar a linha de Amarelo
      Fornecedor_2...........15/01/2025..........R$ 230,00
      Fornecedor_3...........20/12/2024..........R$ 150,00
       
      Alguém tem alguma dica ou leitura sobre este assunto ?

      Grato,
       
      Cesar
    • violin101
      PHP+Codeigniter - Ajuda en NFePhp para Sistema
      Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a ajuda dos amigos, mas preciso entender uma processo que não estou conseguindo sucesso.

      Como mencionado no Título estou escrevendo um Sistema Web para Gerenciamento de Empresa.
       
      Minha dúvida, que preciso muito entender:
      - preciso agora escrever a Rotina para Emissão de NFe e essa parte não estou conseguindo.
       
      tenho assistido alguns vídeos e leituras, mas não estou conseguindo sucesso, já fiz toda as importações das LIB da NFePhp conforme orientação.

      Preciso de ajuda.

      Algum dos amigos tem conhecimento de algum passo-a-passo explicando a criação dessa rotina ?

      tenho visto alguns vídeos com LARAVEL, mas quando tento utilizar e converter para PHP+Codeiginter, dá uma fila de erros que não entendo, mesmo informando as lib necessárias.

      Alguns do amigo tem algum vídeo, leitura explicando essa parte ?

      Grato,

      Cesar.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito