jQuery Ajax devuelve toda la página

Question

Tengo una función jquery-ajax que envía datos a un script php y el problema es con el valor devuelto, devuelve toda la página en lugar de un valor único.

Gracias por su tiempo y ayuda.

$("#ajaxBtn").click(function(){ 
var inputText = $("#testText").val(); 

$.ajax({ type: "POST", 
url: "index.php", 
data: "testAjax="+inputText, 
dataType: "html", 
success: function(html){ 
alert(html); 
} 
}); 
});   

Answer 1

Así es como funciona. Está solicitando index.php a través de AJAX, por lo que obtendrá lo que sea el contenido de index.php.

Si desea un valor particular, cree una nueva página PHP que genere exactamente ese valor, y solicite los contenidos de esa URL en su lugar.

Answer 2

Sophia, en su caso, no debe enviar sus datos a un archivo php que, si es visto por un navegador web, muestra una página web. Debe enviar su información a un archivo php que solo devuelve los datos que le gustaría que se devolvieran.

Así que en lugar de "index.php", crea un archivo llamado algo así como "my-ajax-script.php". Ese archivo debe incluir todos los archivos necesarios "include()" para conectarse a la base de datos y sus archivos de función php (es decir, para desinfectar los datos POST). Luego, el archivo debe tener el código que procesa los datos POST, y echo los datos completos con algunas etiquetas html. Esta información se insertará en su DOM existente (marcado HTML).

Answer 3

Así que cuando se tiene esto en su index.php al comienzo ?:

<?php 
    if (isset($_POST["testAjax"])) { 
     echo $_POST["testAjax"]; 
    } 
?> 

Si este script está emitiendo aún más el texto a continuación, por supuesto, esto también va a ser recibido por la llamada Ajax. Usted puede poner exit() después de que el eco para evitar que el script desde su elaboración ulterior:

if (isset($_POST["testAjax"])) { 
    echo $_POST["testAjax"]; 
    exit(); 
} 

también utilizan dataType: 'text' como el valor que se devuelva obviamente no es HTML.

---

O como otros sugieren, cree una nueva página que se encargue de ocuparse de la solicitud de Ajax. Si está haciendo algo más que generar el valor recibido (es decir, operaciones más complejas), debe hacer esto de todos modos.