Jump to content
Fórum Script Brasil
  • 0

MANIPULAÇÃO DE TABELA JAVASCRIPT


Guest

Question

Boa tarde,  estou criando um formulário.

Ao clicar no mais gostaria que o que foi escrito nos INPUT mostrasse na tabela abaixo.

 

Edited by Guest
mudança
Link to post
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Segue sugestão:
 

<script>

    let fields = [
            'produto',
            'fornecedor',
            'qtdentrada',
            'custouni',
            'precovenda',
        ],
        tabela = document.getElementById('registroTabela');

    function cadEstoque(produto, fornecedor, qtdentrada, custouni, precovenda) {

        let qtdLinha = tabela.rows.length,
            linha = tabela.insertRow(qtdLinha),
            // inicia o array cells
            cells = [],
            // Cria um objeto FormData
            fData = new FormData(),
            // inicia a variável val
            val = '';

        // para cada field da variável fields
        for (let field of fields) {

            val = eval(field);

            // adiciona uma célula à linha
            cells[field] = linha.insertCell();

            // cria um elemento de texto
            let textElement = document.createTextNode(val);

            // adiciona o texto à célula
            cells[field].appendChild(textElement);

            // adiciona o dado à fData
            fData.append(field, val);
        }

        // envia os dados de fData para o php
        postFormData('save-my-data.php', fData)
            .then(response => {
                console.log(response);
            });
    }


    // POST implementation:
    async function postFormData(url = '', formData) {
        // Default options are marked with *
        const response = await fetch(url, {
            method: 'POST',
            body: formData // body data type must match "Content-Type" header
        });
        return response.json(); // parses JSON response into native JavaScript objects
    }


</script>

 

Edited by lowys
Link to post
Share on other sites
  • 0

save-my-data.php
 

<?php

  // monte sua query

  $colunas = array_keys($_POST);
  $valores = array_values($_POST);

  $query = 'insert into SUA-TABELA(' . implode(', ', $colunas) . ') values(' . implode(', ', $valores) . ')';

  // execute sua query

  // retorne um json com a resposta de erro/sucesso
  die(json_encode([
    'type'    => 'success',  // error
    'message' => 'Dados salvos com sucesso', // falha ao salvar
    'query'   => $query  // só pro sr. ver a query montada no console
  ]));

Só lembrando que é só um "exemplo"
É preciso validar os dados e montar quantas queries forem necessárias

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      149167
    • Total Posts
      645428
×
×
  • Create New...