Hola tengo un problema con el siguiente código pues me muestra un resultado de cero no se por que no me lee la función del php, serian tan amables de indicarme que estoy haciendo mal, muchas gracias.
<script src="jquery-1.12.3.min.js"></script>
<script type="text/javascript">
$( document ).ready(function()
{
$("#boton_calcular").click(function()
{
$.post("procesa_T3.php",
{
// Pedir que capture los valores
N1: $("#N1C").val(),
N2: $("#N2C").val(),
E1: $("#E1C").val(),
E2: $("#E2C").val(),
},
function(data, status){
console.log("Datos recibidos: " + data + "\nStatus: " + status);
if(status=='success')
{
$("#caja_resultado").html( data );
}
});
});
});
</script>
<?php
//Capturo parametros procedentes de T3.html
$N1C = $_POST['N1C'];
$N2C = $_POST['N2C'];
$E1C = $_POST['E1C'];
$E2C = $_POST['E2C'];
//Calculo la distancia entre los puntos
function distance($x1, $x2, $e1, $e2)
{
$resultado = ( (abs($x1)) + (abs($x2)) + (abs($e1)) + (abs($e2)));
return $resultado;
}
//Calculo las coordenadas de el punto
$valor_devuelto = distance($N1C,$N2C,$E1C,$E2C);
echo 'Coordenadas calculadas : <b>'. $valor_devuelto . '</b>';
?>
<body>
N1 <input type="text" id="N1C" value="45"> </input>
E1 <input type="text" id="E1C" value="4"> </input>
<br>
N2<input type="text" id="N2C" value="7"></input>
E2<input type="text" id="E2C" value="88"> </input>
<br><br>
<button id="boton_calcular"> Calcular Distancia Euclidiana</button> <br> <br>
<br><br>
<div id="caja_resultado"> </div>
</body>
</html>
<script src="jquery-1.12.3.min.js"></script>
<script type="text/javascript">
$( document ).ready(function()
{
$("#boton_calcular").click(function()
{
$.post("procesa_T3.php",
{
// Pedir que capture los valores
N1: $("#N1C").val(),
N2: $("#N2C").val(),
E1: $("#E1C").val(),
E2: $("#E2C").val(),
},
function(data, status){
console.log("Datos recibidos: " + data + "\nStatus: " + status);
if(status=='success')
{
$("#caja_resultado").html( data );
}
});
});
});
</script>
<body>
N1 <input type="text" id="N1C" value="45"> </input>
E1 <input type="text" id="E1C" value="4"> </input>
<br>
N2<input type="text" id="N2C" value="7"></input>
E2<input type="text" id="E2C" value="88"> </input>
<br><br>
<button id="boton_calcular"> Calcular Distancia Euclidiana</button> <br> <br>
<br><br>
<div id="caja_resultado"> </div>
</body>
</html>