Tu código tiene errores:
- Construyes mal los headers. Cuando usas el constructor, debes pasar la información en la forma:
'Clave' : 'Valor'
, tú estás metiendo los dos puntos dentro de la parte que corresponde a la clave, lo cual es incorrecto.
- Tienes bloques no cerrados en tu código, lo cual también produciría error.
- No necesitas usar
Request
para este caso. Lee la documentación para más detalles.
Así debería funcionar (he puesto captura de errores, pues conviene implementar control de errores en el código, si no te interesa lo puedes quitar, pero no lo recomiendo):
var url = 'json.json';
var mHeaders = new Headers({'Content-Type':'application/json'});
fetch(url, {
method: 'POST',
headers:mHeaders
}).then(res => res.json())
.catch(error => console.error('Error:', error))
.then(response => console.log('Success:', response));
De todos modos, aquí no tiene sentido una petición POST
, pues no necesitas para este caso mandar datos en el body
, por lo que GET
sería suficiente.
Si aún así sigue dando error, deberás revisar tu configuración en el servidor, no el JSON en sí mismo, sino el servidor, el cual puede estar bloqueando las peticiones POST
, aunque en ese caso lo propio sea un error 405
, no un error 404
el cual refiere siempe a una URL o recurso no encontrado.
Si no lo resuelves de este modo, comparte más información sobre tu entorno para poder ayudarte mejor.
json.json
)? Puedes hacer clic en editar para que agregues más detalles. Saludos.json
como parece ser, lo propio es que uses el métodoGET
, pues no estamos hablando de un archivo con extensión.php
donde podrás mandar un body en la petición (para eso es el método POST), ni podrás mandar ningún tipo de dato. Al ser un archivo.json
lo único que puedes es obtenerlo, nada más, por lo que el método apropiado aquí seríaGET
.