Passing data via Modal Bootstrap and getting php variable?

by 
<button type="button" data-a="<?echo $fila['idPlaza'];?>" href="#editarUsuario" class="modalEditarUsuario btn btn-warning btn-xs" data-toggle="modal" data-backdrop='static' data-keyboard='false' title="Editar usuario">
    <img src="../images/edit.png" width="20px" height="20px">
</button>

Put below code in footer before end of </body> tag.

<!-- MODAL EDITAR-->
<div id="editarUsuario" class="modal fade modal" role="dialog">
    <div class="vertical-alignment-helper">
        <div class="modal-dialog vertical-align-center">
        <div class="modal-content">


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

Use Script like this.

<script>
    $('.modalEditarUsuario').click(function(){
        var ID=$(this).attr('data-a');
        $.ajax({url:"NewPage.php?ID="+ID,cache:false,success:function(result){
            $(".modal-content").html(result);
        }});
    });
</script>

Create NewPage.php, and paste the below code.
(Remember, this page name NewPage.php is used in script tag also. if you are planning to change the name of this page, change page name there in script tag too. Both are related.)

<?
$ID=$_GET['ID'];
?>
<div class="modal-header">
   <button type="button" class="close" data-dismiss="modal">&times;</button>
   <h2 class="modal-title">Editar usuario</h2>
</div>
<form name="formularioModificaUsuario" method='post' action="usuarios.php">
    <div class="modal-body">
        <input type="text" class="form-control" name="idPlaza" id="a">
        <?php 
            $valueA = $ID;
        ?>
    </div>
    <div class="modal-footer">
        <button type="reset" id="cancelar" class="btn btn-danger" data-dismiss="modal" value="reset">
        <img src="https://stackoverflow.com/questions/33043115/images/cancel.png" width="20px" height="20px"> Cancelar</button>
        <button type="submit" name="submitModifica" id="submit" class="btn btn-primary" value="submit">
        <img src="../images/save_changes.png" width="20px" height="20px"> Guardar cambios</button>
    </div>
</form>

More Related Contents:

  1. How to pass $_GET variables from a link to a bootstrapmodal?
  2. Pass PHP variable to bootstrap modal
  3. Make Twitter Bootstrap navbar link active
  4. How do I run ajax request in background continuously?
  5. Ajax Upload image
  6. How to get the jQuery $.ajax error response text?
  7. Send array with Ajax to PHP script
  8. HTML – Change\Update page contents without refreshing\reloading the page
  9. Ajax passing data to php script
  10. What does this mean in documentation: square bracket followed by comma ( [, ) [duplicate]
  11. Passing Javascript Variable to PHP using Ajax
  12. Ajax post request in laravel 5 return error 500 (Internal Server Error)
  13. Inserting into MySQL from PHP (jQuery/AJAX)
  14. Retrieve JSON POST data in CodeIgniter
  15. Executing PHP code inside a .js file
  16. Jquery ajax setTimeout after form succes not redirecting?
  17. HTTP OPTIONS request on Azure Websites fails due to CORS
  18. Removing array index reference when using json_encode()
  19. Ajax call with contentType: ‘application/json’ not working
  20. jQuery Ajax passing value on php same page
  21. Cross Domain Ajax Request with JQuery/PHP
  22. Push notifications from server to user with PHP/JavaScript
  23. When do I use PHP_EOL instead of \n and vice-versa ? Ajax/Jquery client problem
  24. Sending/Displaying a base64 encoded Image
  25. Ajaxify header cart items count in Woocommerce
  26. Show hide custom Woocommerce checkout field based on selected payment method
  27. What is the JS equivalent to the PHP function number_format?
  28. boolean variables posted through AJAX being treated as strings in server side
  29. How can I get jQuery code completion in NetBeans?
  30. saving checkbox state on reload

Leave a Comment