Diferència entre revisions de la pàgina «Solucio mulitiplicar1»
De wikiserver
(Es crea la pàgina amb «<source lang="html"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.…».) |
|||
(Hi ha 4 revisions intermèdies del mateix usuari que no es mostren) | |||
Línia 1: | Línia 1: | ||
+ | //USANT $AJAX | ||
<source lang="html"> | <source lang="html"> | ||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
Línia 13: | Línia 14: | ||
var request = $.ajax({ | var request = $.ajax({ | ||
url: "calcular_taula2.php", | url: "calcular_taula2.php", | ||
+ | /* beforeSend: function(){ $("#resultat").html( "<img src='img/ajax_wait.gif' />" );},*/ | ||
type: "POST", | type: "POST", | ||
data: {value : valor}, | data: {value : valor}, | ||
− | dataType: "html" | + | dataType: "html" |
+ | /* ,success: function (html) { //podemos poner esto y quitar request.done.... | ||
+ | $("#resultat").html(html); | ||
+ | }/* | ||
+ | |||
}); | }); | ||
request.done(function(data) { $("#resultat").html( data ); } ); | request.done(function(data) { $("#resultat").html( data ); } ); |
Revisió de 15:23, 26 maig 2016
//USANT $AJAX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>Taula de multiplicar amb jQuery - AJAX</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("select").change(function(){
valor = $("select").val();
$("#resultat").html( "<img src='img/ajax_wait.gif' />" );
var request = $.ajax({
url: "calcular_taula2.php",
/* beforeSend: function(){ $("#resultat").html( "<img src='img/ajax_wait.gif' />" );},*/
type: "POST",
data: {value : valor},
dataType: "html"
/* ,success: function (html) { //podemos poner esto y quitar request.done....
$("#resultat").html(html);
}/*
});
request.done(function(data) { $("#resultat").html( data ); } );
});
});
</script>
<meta http-equiv="content-type" content="text/html charset=utf-8" />
</head>
<body>
<h2>Selecciona una taula de multiplicar</h2>
<div id="taula">
<select name="taula">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div id="resultat">
</div>
</body>
</html>
//fitxer php
<?php
sleep(1);
$valor = $_POST["value"];
//echo $valor;
for ($i = 1; $i <= 10; $i++) {
echo $valor. " * ".$i." = ".$valor*$i."<br />\n";
}
?>