Diferència entre revisions de la pàgina «Ejercicio1»
De wikiserver
| Línia 39: | Línia 39: | ||
</body> | </body> | ||
</html> | </html> | ||
| + | </source> | ||
| + | |||
| + | |||
| + | //tabla.php | ||
| + | <source lang="java"> | ||
| + | |||
| + | <?php | ||
| + | |||
| + | $resultado = $_POST['valorCaja1'] + $_POST['valorCaja2']; | ||
| + | |||
| + | echo $resultado; | ||
| + | |||
| + | ?> | ||
| + | |||
</source> | </source> | ||
Revisió de 11:22, 17 març 2015
<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"/>
<br/>
Resultado: <span id="resultado">0</span>
</body>
</html>
//tabla.php
<?php
$resultado = $_POST['valorCaja1'] + $_POST['valorCaja2'];
echo $resultado;
?>
