Que no cambie de pagina al dar submit

Andrew0914 · #1 (**permalink**) 09/05/2015, 18:56

Tengo 2 archivos php en el primero tengo

Código HTML:

<form action="suma.php" method="post">

<input type="text" name="numx" id="numx" >
<input type="text" name="numy" id="numy" >
<input type="submit" value="sumar">
</form>

y en el otro tengo

Código PHP:

  <? php 
 class Suma{ 
 private numerox; 
 private numeroy; 
 public resultado; 
 function __construct($numerox,$numeroy){ 
   $this->numerox=$numerox; 
   $this->numeroy=$numeroy; 
 } 
  function sumarNum(){ 
   $this-resultado = $this->numerox + $this->numeroy; 
  } 
 } 
  $x = $_POST['numx']; 
  $y = $_POST['numy']; 
  $test = new Suma($x,$y); 
  $test->sumarNum(); 
?>

Si hace bien la suma y todo pero como hago para que el resultado se imprima abajo del formulario que esta en el primer archivo por que cuando le doy submit se cambia de pagina al otro archivo php

NueveReinas · #2 (**permalink**) 09/05/2015, 20:03

Esta clase de cosas se suelen hacer en AJAX.

jhonjaider1000 · #3 (**permalink**) 09/05/2015, 21:27

Hola amigo mira lo puedes lograr así:

El formulario quedaría mas o menos así:
<!DOCTYPE html>

<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!