Según tengo entendido en una petición AJAX a un archivo php, este devuelve los datos a la petición con echo (comando para mostrar pantalla), pero mi caso es que, al devolver los datos así, esta correcto me los devuelve pero ese echo me muestra el Json en mi pagina web, debajo del DOM modificado. Aqui el codigo Javascript:
$(document).ready( function () {
listData();
function listData() {
$.ajax({
url: 'presentacion/PPaciente.php',
type: 'GET',
success: function(data){
console.log(data);
const pacientes = JSON.parse(data);
let template = '';
pacientes.forEach(paciente => {
tablaPersonas.row.add([paciente.id,paciente.ci,paciente.nombre,paciente.edad])
});
}
});
}
});
PPaciente.php = Codigo PHP:
<?php
require_once "C:/xampp/htdocs/sistema_dentista/negocio/NPaciente.php";
class PPaciente{
private $id;
private $ci;
private $nombre;
private $edad;
private $direccion;
private $telefono;
private $NPaciente;
public function __construct(){
$this->NPaciente = new NPaciente();
}
public function List(){
return $this->NPaciente->List();
}
public function Add($id, $ci, $nombre, $edad, $direccion, $telefono){
$this->id=$id;
$this->ci=$ci;
$this->nombre=$nombre;
$this->edad=$edad;
$this->direccion=$direccion;
$this->telefono=$telefono;
$this->NPaciente->Add($ci, $nombre, $edad, $direccion, $telefono);
}
}
$paciente = new PPaciente();
$pacientes = $paciente->List();
echo json_encode($pacientes);
Me devuelve mis datos en respuesta, pero en el formulario después de listarlos en la tabla me lista el json que coloque en el archivo PHP para responder
echo json_encode($pacientes);