Tengo un formulario, y cuando se envía ese formulario, envía una solicitud de publicación http a un script php que luego realiza los cálculos necesarios y repite el resultado.

y actualmente solo estoy usando un contenido estático que muestra que se ha realizado una acción y siempre es la misma cadena, ahora estoy buscando una manera de mostrar el resultado que el servidor hace eco en el front-end.

Aquí está mi código actual :

Código de formulario:

 <iframe name="dummyframe" id="dummyframe" style="display: none;"></iframe> <form action="calculate.php" method="post" target="dummyframe"> <div class="form-group">...................................... ..............................................................</div> <div class="form-group"> <input type="text" name="Lstring" class="form-control" id="Lstring"> <input onclick="assd()" type="submit" class="btnDoAction" value="Add" /> <p id="sses"></p> </div>

Sé que si no uso el marco ficticio como objetivo en el envío del formulario, puedo mostrar el resultado del eco en la misma pestaña o en una nueva, pero en realidad quiero la respuesta justo debajo del botón Enviar como texto, donde se muestra una cadena estática en este momento.

y este es mi JavaScript para mostrar el mensaje justo debajo del botón Enviar:

 <script> function assd() { document.getElementById("sses").innerHTML = "Added!"; setTimeout(function(){ document.getElementById('usersframe').contentWindow.location.reload(); }, 2000); setTimeout(function() { document.getElementById("sses").innerHTML = " " }, 2000) } </script>

Como puede ver, siempre muestra la misma palabra cada vez que se presiona el botón, así que me preguntaba cómo hacer para mostrar la respuesta del servidor debajo del botón donde actualmente muestra la cadena estática.