1

Estou passando os dados de alguns inputs para um modal, estou fazendo isso com o jquery, até ai blza, mais preciso os dados que foram enviados e usa-los em uma consulta mysqli, minha duvida como eu passo os valores enviados pelo jquery para variáveis php e assim usa-las em minha consulta ?

Form:

<form class="form-horizontal" action="data/form_cadastra_devolucao.php" method="POST">
    <input type="hidden" id="cliente" name="cliente" value="<?php echo $cliente ; ?>">
    <input type="hidden" id="nome"    name="nome"    value="<?php echo $nome ; ?>">
    <div class="comtainer">
        <div class="row">
            <div class="col-md-6">
                <label for="data">Data:</label>
                <input type="date" class="form-control" id="data" name="data" required>
            </div>

            <div class="col-md-6">
                <label for="loja">Loja:</label>
                <select class="form-control" id="loja" name="loja" required>
                    <option ></option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>

            </div>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-md-6">
            <label for="pdv">Pdv:</label>
            <input type="text" class="form-control" id="pdv" name="pdv" required>   
        </div>
        <div class="col-md-5">
            <label for="cupom">Cupom:</label>
            <input type="text" class="form-control" id="cupom" name="cupom" required>
        </div>
        <div class="col-md-1">
            <a data-toggle="modal" href="#modalItensCupom">VALIDAR</a>
        </div>
    </div>
    <br>
    <label for="motivo">Motivo:</label>
    <textarea class="form-control" rows="5" id="motivo" name="motivo"></textarea>
    <br>
    <button type="submit" class="btn btn-primary" style="float: right;"><span class="glyphicon glyphicon-ok"></span> CADASTRAR</button>
</form>

Modal:

<!-- Modal -->
<div class="modal fade" id="modalItensCupom" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">CUPOM <div id="rcupom"></div></h4>
            </div>
            <div class="modal-body">
                <p id="rdata"></p>
                <p id="rloja"></p>
                <p id="rpdv"></p>
                <p id="rcupom"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
            </div>
        </div>

    </div>
</div>

Jquery:

<script type="text/javascript">
    ;(function($) {
        $('#modalItensCupom').on('show.bs.modal', function() {
            var idata  = $("#data").val();
            var iloja  = $("#loja").val();
            var ipdv   = $("#pdv").val();
            var icupom = $("#cupom").val();

            $( '#rdata' ).text( idata );
            $( '#rloja' ).text( iloja );
            $( '#rpdv' ).text( ipdv );
            $( '#rcupom' ).text( icupom );
        });
    }(jQuery));
</script>
1
  • Com requisições HTTP que, neste caso, podem ser assíncronas via AJAX.
    – Woss
    16/01/2018 às 19:28

1 Resposta 1

1

Você pode fazer isso com uma requisição via ajax para o PHP.

Por exemplo :

$.ajax({
   url : 'caminho-arquivo-php',
   type: 'get' // método http, como : put, post, delete ....
   success: function (dados) {
    // tratamento 
   },
   error: function (error) {
     // tratamento
   }
})

Se a requisição for do tipo get você devera passar os dados pela url, caso seja post poderá passar no body da requisição.

Nesse caso as variáveis são separadas pelo caracter &.

Exemplo GET:

url : 'arquivo.php?a=1&b=2&c=3'

Exemplo post:

type: 'post',
data {
 iloja : iloja,
 icupom : x,
},

É importante salientar que para que o javascript receba o resultado da requisição você deve usar um echo no que quiser imprimir na tela com PHP, se usar return não irá funcionar. Para trocar dados entre as duas linguagens utilize o json. Exemplo PHP:

$a = 'teste';

echo json_encode($a);

Mais informações sobre ajax com jquery:

http://api.jquery.com/jquery.ajax/

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .