J'ai récemment mis en place un serveur local avec xampp comme terrain de test et commencé à faire des tests fetch (). J'essaie de récupérer un json qui se trouve sur le serveur pour essayer une création dynamique de DOM, mais l'erreur persiste.

J'ai cherché des problèmes similaires, mais je n'ai trouvé de réponse que pour le "jeton inattendu <" et j'ai déjà pris soin de cela. J'ai également validé le fichier json au cas où.

Voici les js que j'ai.

fetch("./doc/ayuntamientos.json")
  .then(function(resp){
    return resp.json();
  })
  .then(function(data){
    console.log(data.municipios);
  });

Le json

{
  "municipios": [
    {
      "municipio": "Almedíjar",
      "sitio": "Ayuntamiento",
      "direccion": "Plaza Ayuntamiento, 1",
      "tlf": "964 137 018",
      "mail": "info@almedijar.es"
    },
    {
      "municipio": "Altura",
      "sitio": "Ayuntamiento",
      "direccion": "Crta. San Vicente, 2",
      "tlf": "964 146 384",
      "mail": "info@altura.es"
    },
    {
      "municipio": "Azuébar",
      "sitio": "Ayuntamiento",
      "direccion": "C/Excma Diputación, 25",
      "tlf": "964 650 006",
      "mail": "info@azuebar.es"
    },
    {
      "municipio": "Bejís",
      "sitio": "Ayuntamiento",
      "direccion": "C/Virgen del Loreto, 2",
      "tlf": "964 120 161",
      "mail": "info@bejis.es"
    },
    {
      "municipio": "Benafer",
      "sitio": "Ayuntamiento",
      "direccion": "Plaza Nueva, 1",
      "tlf": "964 764 111",
      "mail": "info@benafer.es"
    },
    {
      "municipio": "Castellnovo",
      "sitio": "Ayuntamiento",
      "direccion": "Plaza Ayuntamiento, 2",
      "tlf": "964 137 305",
      "mail": "info@castellnovo.es"
    },
    {
      "municipio": "Caudiel",
      "sitio": "Ayuntamiento",
      "direccion": "Plaza España, 1",
      "tlf": "964 144 049",
      "mail": "info@caudiel.es"
    },
    {
      "municipio": "Chóvar",
      "sitio": "Ayuntamiento",
      "direccion": "Plaza Iglesia, 1",
      "tlf": "964 651 024",
      "mail": "info@chovar.es"
    },
    {
      "municipio": "El Toro",
      "sitio": "Ayuntamiento",
      "direccion": "Plaza Iglesia, 1",
      "tlf": "964 123 001",
      "mail": "info@eltoro.es"
    },
    {
      "municipio": "Fuente la Reina",
      "sitio": "Ayuntamiento",
      "direccion": "C/Barcelona",
      "tlf": "964 145 701",
      "mail": "info@fuentelareina.es"
    },
    {
      "municipio": "Geldo",
      "sitio": "Ayuntamiento",
      "direccion": "Plaza D.Antonio Ferriz Díaz, 4",
      "tlf": "964 711 209",
      "mail": "info@geldo.es"
    },
    {
      "municipio": "Jérica",
      "sitio": "Ayuntamiento",
      "direccion": "C/Historiador Vayo,19",
      "tlf": "964 129 177",
      "mail": "ayuntamiento@jerica.es"
    },
    {
      "municipio": "Navajas",
      "sitio": "Ayuntamiento",
      "direccion": "C/De Valencia, 7",
      "tlf": "964 710 801",
      "mail": "ayuntamiento@navajas.es"
    },
    {
      "municipio": "Pina de Montalgrao",
      "sitio": "Ayuntamiento",
      "direccion": "Pina Ayuntamiento, 1",
      "tlf": "964 121 031",
      "mail": "info@pinademontalgrao.es"
    },
    {
      "municipio": "Soneja",
      "sitio": "Mancomunidad Alto Palancia",
      "direccion": "C/Alto Palancia, 4",
      "tlf": "964 132 740",
      "mail": "info@altopalancia.es"
    },
    {
      "municipio": "Sot de Ferrer",
      "sitio": "Ayuntamiento",
      "direccion": "Palancia España, 1",
      "tlf": "964 135 127",
      "mail": "info@sotdeferrer.es"
    },
    {
      "municipio": "Teresa",
      "sitio": "Ayuntamiento",
      "direccion": "C/Montoliu, 2",
      "tlf": "964 141 192",
      "mail": "info@teresa.es"
    },
    {
      "municipio": "Torás",
      "sitio": "Ayuntamiento",
      "direccion": "Palancia Iglesia, 1",
      "tlf": "964 120 238",
      "mail": "info@toras.es"
    },
    {
      "municipio": "Viver",
      "sitio": "Ayuntamiento",
      "direccion": "Palancia Mayor del Palancia, 1 ",
      "tlf": "964 141 006",
      "mail": "info@viver.es"
    }
  ]
}

Je suis juste confus et j'ai besoin de conseils. Merci pour votre temps.

0
Sr.Cuervo 4 nov. 2019 à 19:04

1 réponse

fetch("./doc/ayuntamientos.json")

je suppose que c'est parce que vous essayez d'accéder au système de fichiers directement avec la notation ".doc / ..", et ce n'est pas autorisé pour des raisons de sécurité, exposez simplement un dossier statique sur le serveur ou créez un point de terminaison qui renvoie le json

0
Karim 4 nov. 2019 à 16:21