Redeem ID in Ajax return modal

Asked

Viewed 457 times

0

I’ve searched a lot more I could not get anything like that. I have a registration that returns lastInsertId() and this registration is done with Ajax. No Success (Ajax) after completing the registration opens a modal. I needed to pass this last id inserted to the modal as a variable (like when it is passed by $_GET) to be able to compare with the database data.. If anyone can help, thank you...

php jquery ajax

  • Post your code

  • $.ajax({ url: 'models/createPedido.php', type: 'post', data: form.serialize(), Success: Function (return) { $('input[name="thermosPedidoId"]'). val(return); modal.modal('show'); } });

  • Send the return of Ajax to the modal. Simple.

  • It is good to include all relevant information in the question, not in the comments.

  • As the name says, "comments" are to make comments, ask questions punctual etc..

  • It was bad...it is my second doubt that put here. The return of Ajax I can send to the modal, but how to compare this value with the bank query.

  • Put all your questions in the question by clicking on the Edit link.

Show 2 more comments

1 answer

0

Libraries and Script

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script language="javascript">

$(document).ready(function(){
  // tudo que estiver aqui poderá ser executado, após o documento ser carregado

  $( "#submitBtn" ).click(function(e) {

    // está função diz, que quando esse formulario for enviado, tudo oque estiver aqui será executado.
    e.preventDefault(); // está função é usada pro form não ir para outra pagina, pois o evento padrão de um formulario é ir para outra pagina.
    var data = $("#form").serialize(); // a function serialize serve para pegar todos os valores que foram colocados nos inputs do form
    $.ajax({
      // está é a função ajax, do jquery, ela será usada para fazer a requisição assícrona.
      url: "models/createPedido.php", // aqui vai a url da requisição
      data:  data, // aqui vai os dados para o servidor, geralmente são os inputs do form
      method: "POST", // aqui vai o método da requisição, acho que você já sabe sobre o get e post !
      dataType: "json", // aqui será o tipo de resposta que vamos receber, será no formato json, um formato simples e mais usado.
      success: function(data){
        // essa é a function success, ela ira ser executada se a requisição for feita com sucesso
        $("#recebe").val(data); // aqui estamos setando o valor retornado do php, no input
         // a variavel data, veio do parametro da function, e será a resposta do php.
         $("#myModal").modal('show');
      },
      error: function(){
        // essa é funcion error, ela será executada caso ocorrer algum erro na requisição
        $("#myModalErro").modal('show');
      }
    });
  });

});

</script>

HTML - form and modals

<form>
    ......................
    ......................
    <button name="submit" id="submitBtn">Submit</button>                
</form>

<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Sucesso </h4>
            </div>
            <div class="modal-body">
                <p>ID</p>
                 <form action="Pagina_Destino.php" method="post">
                <input name='recebe' id="recebe" value="QUERO_PASSAR_O_ID_AQUI">
                <button type="submit" class="btn btn-success btn-rounded waves-effect waves-light" ><span class="btn-label"><i class="fa fa-send">Enviar</i></span> </button>
                <button type="button" class="btn btn-danger waves-effect waves-light" data-dismiss="modal">Fechar</button>
                </form>


            </div>
        </div>
    </div>
</div>

<div id="myModalErro" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Erro </h4>
            </div>
            <div class="modal-body">
                <p>Erro na requisição</p>
            </div>
            <div class="modal-footer"> 
                <button type="button" class="btn btn-danger waves-effect waves-light" data-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

Page createPedido.php

<?php
  // recebe os dados
  $zzz = $_POST["zzz"];
   ...................
   ...................

  //scripts para obtenção do lastInsertId
  ....................


  //(MySQLi OO)
  $valorlastInsertId = $conn->insert_id;

  //(MySQLi Procedural)
  $valorlastInsertId = mysqli_insert_id($conn);

  //(PDO)
  $valorlastInsertId = $conn->lastInsertId();


  //vai ser o value do input name='recebe' id="recebe" na function success do modal id="myModal"

  echo json_encode($valorlastInsertId);
?>

Browser other questions tagged php jquery ajax

You are not signed in. Login or sign up in order to post.