Advertisement
Guest User

Untitled

a guest
Jun 26th, 2019
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.28 KB | None | 0 0
  1. <form action="Actualizar Estado.php" method="POST">
  2. <div class="row">
  3.  
  4. <div class="col-12 col-lg-8">
  5. <div style="padding-left:80px;">
  6. <input type="text" name="idreserva" class="form-control" placeholder=" ¿Id de Reserva?" >
  7. </div>
  8. <div style="padding-left:80px">
  9. <select name="estado" class="form-control" >
  10. <option value="nada" >¿Estado del Pedido?</option>
  11. <option value="completo">Completado</option>
  12. <option value="anulado">Anulado</option>
  13. </select>
  14. <p></p>
  15. </div>
  16. </div>
  17. <div class="col-12">
  18. <div style="padding-left:140px" >
  19. <button onclick="cambiarEstado()" name="submit" type="submit" class="btn btn-primary p-3 px-xl-4 py-xl-3"><span></span> Cambiar Estado</button>
  20. </form> <!-- no olvides cerrar el formulario --->
  21.  
  22. <script>
  23.  
  24. cambiarEstado() {
  25. var form = document.querySelector('form');
  26. var data = new FormData(form);
  27.  
  28. var params = typeof data == 'string' ? data : Object.keys(data).map(
  29. function(k){ return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) }
  30. ).join('&');
  31.  
  32. // example request
  33. getAjax('scriptPHPParaUpdate.php', params);
  34. }
  35.  
  36. function getAjax(url, params) {
  37. var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
  38. xhr.open('POST', url);
  39. xhr.onreadystatechange = function() {
  40. if (xhr.readyState>3 && xhr.status==200)
  41. success(xhr.responseText);
  42. else
  43. error(xhr.responseText);
  44. };
  45. xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
  46. xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  47. xhr.send(params);
  48. return xhr;
  49. }
  50.  
  51. error(response) {
  52. console.log(response);
  53. }
  54.  
  55. function success(response) {
  56. console.log(response);
  57. }
  58.  
  59. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement