Presentar un formulario con Ajax y mostrar al instante los resultados de un archivo PHP

Sé que esto se ha cubierto tanto, pero estoy un poco fuera de mi scope aquí y solo necesito que alguien me explique cómo hacerlo de una manera que pueda entender.

Estoy buscando enviar un formulario HTML a través de la función AJAX en jQuery, que luego envía instantáneamente los datos del formulario a mi script PHP. Mi script de PHP necesita recostackr esos datos y asignarlos a variables, etc. El script de PHP luego carga una gran cantidad de basura y finalmente echos algunos resultados basados ​​en los datos ingresados.

Una vez hecho esto, quiero que los datos con eco aparezcan en la misma página que el formulario HTML.

Lo que no entiendo es cómo reunir la respuesta del archivo PHP para que luego pueda mostrarlo en la página del formulario.

Intenté usar el argumento (res) que alguien publicó aquí: envío de formulario PHP + jQuery + Ajax – devuelve resultados en la misma página que, por lo que puedo ver, está en la línea correcta de lo que estoy tratando de lograr pero estaba generando todo el archivo PHP (el código php mismo) y no mi único eco.

¡Cualquier ayuda es muy apreciada!

Gracias.

Simplemente necesita establecer una consulta $.get() o $.post() .

Déle a la forma una identificación en su HTML:

 

Entonces en tu JS:

 $("#ajaxquery").live( "submit" , function(){ // Intercept the form submission var formdata = $(this).serialize(); // Serialize all form data // Post data to your PHP processing script $.post( "/path/to/your.php", formdata, function( data ) { // Act upon the data returned, setting it to #success 
$("#success").html ( data ); }); return false; // Prevent the form from actually submitting });

Luego en tu PHP:

 You submitted to me:
'; print_r( $_REQUEST );

Cualquier cosa echo () ‘d se devolverá a la función $ .post () como data

Tener un $ .ajax (); llame usando jquery para enviar la página y con éxito (cuando se ejecuta el código PHP) devuelva cadena json y contenga un elemento que contenga el estado: true o algo así como una función (en jquery éxito) que obtiene resultados de otra página php y muestra al instante

La función get de JQuery le permitirá pasar una función que será invocada en las solicitudes en caso de éxito.

 jQuery.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] ) 

De todos modos, si tu código real se muestra completamente, hay algunas razones por las que puedo pensar:

A. Configuración incorrecta del servidor / comstackdor de php: su servidor no puede procesar la página php como un archivo de script y la genera como un texto.

B. Su código está escrito incorrectamente (sobre todo, cuando en las tags cortas del servidor como Están deshabilitadas y necesita escribir ) para que su servidor no acepte esto como una secuencia de comandos.