Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

GET http://localhost:3000/perfil net::ERR_CONNECTION_REFUSED

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"));
1 respuesta

Hola Sergio!

Por casualidad utilizó el comando:

npx json-server --watch db.json
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios