Estoy en la etapa de "JS en la web: CRUD con JavaScript asíncrono" pero, no me permite conectarme con mi servidor local. ¿Alguien sabe el motivo? Vi los videos, los repasé por las dudas de que haya hecho algo mal. Pero no logro encontrar la falla.
Dejo el código por si llega a servir:
const crearNuevalinea = (nombre,email) => {
const linea = document.createElement("tr");
const contenido = `
<td class="td" data-td> ${nombre}</td>
<td>${email}</td>
<td>
<ul class="table__button-control">
<li>
<a
href="../screens/editar_cliente.html"
class="simple-button simple-button--edit"
>Editar</a
>
</li>
<li>
<button
class="simple-button simple-button--delete"
type="button"
>
Eliminar
</button>
</li>
</ul>
</td>`;
linea.innerHTML = contenido;
return linea;
};
const table = document.querySelector("[data-table]");
/*Abrir http (método,url)
CRUD
//create - POST
//read - GET
//update - PUT/PATCH
//delete - DELETE
*/
const listaClientes = () => {
const promise = new Promise ((resolve, reject) => {
const http = new XMLHttpRequest;
http.open("GET","http://localhost:3000/perfil");
http.send();
http.onload = () => {
const response = JSON.parse(http.response);
if(http.status >= 400){
reject(response);
} else {
resolve(response);
}
};
});
return promise;
}
listaClientes().then((data) => {
data.forEach ((perfil) => {
const nuevaLinea = crearNuevaLinea(perfil.nombre, perfil.email);
table.appendChild(nuevaLinea);
});
}).catch((error) => alert("Ocurrió un error"));