Ejercicio1

De wikiserver
La revisió el 11:20, 17 març 2015 per Jnoguera (Discussió | contribucions) (Es crea la pàgina amb « <html> <head> <title>Ejemplo sencillo de AJAX</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> $(document).read…».)
(dif) ← Versió més antiga | Versió actual (dif) | Versió més nova → (dif)
Dreceres ràpides: navegació, cerca

<html> <head> <title>Ejemplo sencillo de AJAX</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script>

$(document).ready(function(){

function realizaProceso(){

       var parametros = {
               "valorCaja1" : $('#valor1').val(),
               "valorCaja2" : $('#valor2').val()
       };
       $.ajax({
               data:  parametros,
               url:   'tabla.php',
               type:  'post',
               beforeSend: function () {
                       $("#resultado").html("Procesando, espere por favor...");
               },
               success:  function (response) {
                       $("#resultado").html(response);
               }
       });
      }

$("#bot").click(realizaProceso); });

</script> </head> <body> <input type="text" name="caja_texto" id="valor1" value="0"/> <input type="text" name="caja_texto" id="valor2" value="0"/> <input id="bot" type="button" value="Calcula"/>
Resultado: 0 </body> </html>