Hola amigo mira lo puedes lograr así:
El formulario quedaría mas o menos así:
<!DOCTYPE html>
<!--
Generalmente solo se importa Jquery y se realiza un evento submit para el formulario al cual puse un id, para que se cancele su operación y se realice con Ajax previamente.
-->
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://code.jquery.com/jquery-1.11.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#formulario').submit(function(event) {
event.preventDefault();
$.ajax({
url: 'suma.php',
type: 'POST',
data: $('#formulario').serializeArray(),
success: function(data) {
$('#resultado').val(data);
}
});
});
});
</script>
</head>
<body>
<form action="suma.php" method="post" id="formulario">
<input type="text" name="numx" id="numx" >
<input type="text" name="numy" id="numy" >
<input type="submit" value="Sumar">
</form>
<br/>
<label>Resultado: </label><input type="number" id="resultado" disabled="disabled"/>
</body>
</html>
y el archivo donde se realiza la suma quedaría así:
<?php
class Suma {
private $numerox;
private $numeroy;
public $resultado;
function __construct($numerox, $numeroy) {
$this->numerox = $numerox;
$this->numeroy = $numeroy;
}
function sumarNum() {
$resultado = $this->numerox + $this->numeroy;
return $resultado;
}
}
$x = $_POST['numx'];
$y = $_POST['numy'];
$test = new Suma($x, $y);
echo $test->sumarNum(); //Se imprime el resultado para darlo a conocer a la petición ajax que se haga. ;)
?>
Eso sería todo
Éxitos!
