Impossible de lire la propriété 'protocole' undefined

Arriver que l'erreur dans la console lorsque vous essayez d'obtenir des données à partir d'un API. Quelqu'un a ce problème avant?

var url = "https://api.website.com/get/?type=events&lat=" + localStorage.getItem('latitude')
+ "&lng=" + localStorage.getItem('longitude') + "&distance=50";

$http({
    headers: {
        'Content-type': 'application/json'
    }
})

$http.get(url).success(function (events) {
    $scope.events = events;
});

erreur:

TypeError: Cannot read property 'protocol' of undefined
at Gb (http://localhost:38772/www/js/plugins/angular.min.js:114:238)
at s (http://localhost:38772/www/js/plugins/angular.min.js:65:249)
at new EventsController (http://localhost:38772/www/js/angular.js:4:5)
at d (http://localhost:38772/www/js/plugins/angular.min.js:30:452)
at Object.instantiate (http://localhost:38772/www/js/plugins/angular.min.js:31:80)
at http://localhost:38772/www/js/plugins/angular.min.js:61:486
at http://localhost:38772/www/js/plugins/angular.min.js:49:14
at q (http://localhost:38772/www/js/plugins/angular.min.js:7:380)
at E (http://localhost:38772/www/js/plugins/angular.min.js:48:382)
at f (http://localhost:38772/www/js/plugins/angular.min.js:42:399)
  • est la valeur de url - il correctement défini? (http(s)://example.com)
  • l'url est affiché ci-dessus maintenant
InformationsquelleAutor user2901304 | 2014-01-25
  1. 37

    Vous êtes à la délivrance d'un mal formé $requête http.

    Vous n'êtes pas censé définir vos en-têtes dans un appel séparé à $http. Appel à $http() sera effectivement le problème de la demande, mais depuis que vous l'avez configuré avec juste l'en-tête (pas d'url ou de la méthode), il jette cette erreur à vous (comme prévu).

    Si vous souhaitez définir votre en-tête, vous aurez envie de le faire que par le passage d'une configuration personnalisé objet en tant que second paramètre à votre $http.get() appel:

    $http.get(url, {
  headers: {
    'Content-type': 'application/json'
  }
}).success(function (events) {
  $scope.events = events;
});
    • Je suis " Non "Access-Control-Allow-Origin' en-tête est présent sur la ressource demandée. " erreur maintenant. Aucune idée sur ce que c'est?
    • Vous êtes à la délivrance de demande à une autre origine/nom de domaine. Google "angulaire de la scro".
    • Content d'avoir pu aide. 😉
    • J'ai eu cette erreur parce que j'ai collé quelques $.post code à utiliser pour l' $.supprimer et $.supprimer (de manière appropriée) n'a pas de 2ème param qu' $.la poste (les données)
    InformationsquelleAutor Stewie
  2. 15

    Cette erreur se produit lorsque quelque chose va mal dans la demande, pour ex. si vous définissez l'url comme indéfini, méthode non valide ou invalide type de contenu, quelque chose de mal avec la demande de l'objet sera de se débarrasser de cette erreur.

    InformationsquelleAutor Laxmikant Dange