JSON_CALLBACK Nie znaleziono użyciu jsonp

Question

próbuję uzyskać odpowiedź jsonp wykonywana przy użyciu następującego kodu ...

$http.jsonp('http://example.com:8888/?callback=JSON_CALLBACK').success(function(response) 
{ 
    console.dir(response); 
}); 

http://example.com:8888/?callback=JSON_CALLBACK zwraca następujący poprzez node.js

JSON_CALLBACK ({date: "2013-05-15 T08: 53: 51.747Z"});

Nagłówek jest ustawiany w node.js jak to ....

res.writeHead(200, {'Content-Type': 'application/json'}); 

jednak błąd pojawia się w konsoli Chrome jest to ...

Uncaught ReferenceError: JSON_CALLBACK is not defined 

jednak , dziwnie, jeśli utworzę funkcję window.JSON_CALLBACK(response) uruchomi się. Ale myślałem, że sukces ma na celu zrobienie tego w moim imieniu.

Answer 1

Twój nagłówek treści jest nieprawidłowy.

Użyj application/json, jeśli to, co zwrócisz, jest zwykłym JSON. JSONP jest JavaScript, więc należy użyć application/javascript

Answer 2

Zobacz angular $resource with jsonp not working Ten problem został otwarty w git: https://github.com/angular/angular.js/issues/1551

Answer 3

Znalazłem ten siekać i to jest praca dla mnie

 
    //.........................ini: Hack 
    /* 
     Copy-Paste this code just before your $http request. 
    */  
     var c = $window.angular.callbacks.counter.toString(36); 

     $window['angularcallbacks_' + c] = function (data) { 
      $window.angular.callbacks['_' + c](data); 
      delete $window['angularcallbacks_' + c]; 
     };  
    //.........................end: Hack 

    //Your $http request 
    $http.jsonp(url) 
    .success(function(){ 
     console.log("ok") 
    }) 
    .error(function(data, status, headers, config){ 
     console.error("ko"); 
    }); 

Answer 4

Oto szybki i brudny roztwór. Zamiast wyprowadzania JSON_CALLBACK({ date:'2013-05-15T08:53:51.747Z' }), możesz wypróbować wyjście angular.callbacks._0({ date:'2013-05-15T08:53:51.747Z' }). Wierzę, że to błąd w Angular.

Alternatywą jest do żądania adresu URL w ten sposób:

$http({ 
    method: 'JSONP', 
    url: 'https://something.com/' + '?callback=JSON_CALLBACK' + '&otherstuffs' 
}); 

PS. Jeśli korzystasz z zaplecza php, zauważyłem, że zmiana nazwy pliku php czasami będzie miała pozytywny wynik (np. Zamiast używać index.php możemy wypróbować api.php). Chociaż wydaje się, że jest całkowicie przypadkowa (jak działa nazwa i vice versa) - myślę, że ma to związek z tym, w jaki sposób Angular odczytuje adres URL jsona.

Wygląda na to, że przyczyną tego niefortunnego błędu jest to, że Angular zastąpi JSON_CALLBACK na angular.callbacks._0, ale czasami zawiedzie z powodu tłumacza URL.

Ponadto, nawet jeśli serwer się powiódł, może nie obsługiwać adresu URL w postaci adresu URL (co jest typowym zachowaniem serwerów).