Gracias por la pronta respuesta; a continuación parte del código que tengo implementado:
En el index.html una vez finalizado el form:
<div id = "resultado">
</div>
</section>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="funciones.js" type="text/javascript"></script>
<script>
$("#botonEnviar").on('click', function () {
mostrarResultdo();
});
</script>
Luego en el php de resultado al final luego de realizado los cálculos:
$arr = ["datos" => $datos];
echo json_encode($arr);
y en el json:
function mostrarResultdo() {
var datos_formulario = $("#formResultado").serialize();
console.log("datos_formulario--> "+datos_formulario);
$.ajax({
type: 'POST',
url: 'resultado.php',
data: datos_formulario,
dataType: 'json',
beforeSend: function (objeto) {
},
success: function (json) {
$("#resultado").html(json.datos);
},
error: function (e) {
},
complete: function (objeto, exito, error) {
}
});
}
Saludos y agradecido desde ya.