0

Estoy trabajando en una practica de cURL, que regresa un archivo JSON y que necesito imprimir en mi página principal (si se pudiera, como un enlace). Sé que este archivo se tiene que mandar llamar con javascript. Creo que yo ya tengo el archivo JSON creado por medio de este código:

 $json_string = json_encode($arreglo);
 $file = 'datos.json';
 file_put_contents($file, $json_string);
 echo $json_string;
 echo '<br>';

Soy nuevo en esto me estoy guiando con tutoriales, pero me piden que lo mande a frontend por medio del método POST. Si ya tengo el archivo creado, ¿cómo quedaría la siguiente estructura?

A la hora de ejecutarlo me marca error en la consola.

var xhr = new XMLHttpRequest();
xhr.open('GET','api.php');
xhr.onload = function(){
    if(xhr.status==200){
        var json = JSON.parse(xhr.responseText);
        console.log(json);
    } else{
        console.log("Existe un error de tipo: " + xhr.status);
    }
}
xhr.send();
1
  • ¿Qué error recibes en la consola? Por favor, edita la pregunta para agregar el mensaje. Por cierto, te lo piden por método POST y estás haciendo la petición por GET.
    – Triby
    el 14 jul. 2021 a las 16:24

1 respuesta 1

0

Acabo de ver un par de detalles.
El archivo que has creado es datos.json, pero tu lees el api.php. No sería mucho problema porque api.php se supone que devuelve la cadena JSON.
Sea como sea el objeto xhr no está leyendo un archivo htm, sino un archivo de texto. El código de resultado no es el mismo, no debes comparar con 200 sino con 0.
Así que la respuesta para evitar el error es cambiar el condicional en lugar de comparar xhr.status con 200 compara con 0

if(xhr.status==0){ ...

Espero que esa solución se útil

1
  • Esto parece más un comentario que una respuesta y, de hecho, no importa el tipo de recurso consultado, el estado de la respuesta es el mismo para todos
    – Triby
    el 14 jul. 2021 a las 16:18

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.