Ну, вы можете использовать старую школу AJAX. Например, допустим, у нас есть форма, которая принимает число N, и как только мы нажимаем кнопку расчета, мы должны увидеть результат 2^N, отображаемый на той же странице, без обновления страницы, а предыдущее содержимое, оставшееся в то же место. Вот код
<html>
<head>
<title> Simple Math Example</title>
<script type="text/javascript">
var request = new XMLHttpRequest();
function createAjaxObject(){
request.onreadystatechange = applyChange;
request.open("POST","calculate.php",true);
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send("N="+document.getElementById('N').value);
}
function applyChange(){
if(request.status == 200 && request.readyState == 4){
document.getElementById('resultSpace').innerHTML = request.responseText;
}
}
</script>
</head>
<body>
<fieldset>
<legend>Enter N to get the value of 2<sup>N</sup> ::: </legend>
<input type="text" name = "N" id = "N">
<br>
<input type="button" value = "Calculate" onclick="createAjaxObject()">
</fieldset>
<div id="resultSpace">
</div>
</body>
Файл calculate.php это тот же файл с указанным кодом. Когда щелкнула кнопка расчета, она вызывает функцию createAjaxObject, которая принимает значение N и отправляет значение в тот же файл с помощью метода POST. Как только расчет будет выполнен, будет отправлен ответ. И если ответ будет успешным, он будет отправлен на функцию с именем applyChange, которая будет отображать ее на одной странице с помощью JavaScript.
[Проверить этот ответ] (http://stackoverflow.com/a/1132015/1090727) – shaunsantacruz