AngularJS is caching JSONP by default

Question

i'm new to AngularJS, and i'm writing an app that recives JSON data with callback via $http jsonp method. Caching parameter is not set, but browser caches data. How can i solve that?

$scope.fetch=function () {
$http({method: 'JSONP', url: 'http://angularjs.org/greet.php?callback=JSON_CALLBACK&name=Super%20Hero'})
.success(function(data) {
$scope.current =  data.salutation.toLowerCase();
console.log($scope.current);
$scope.dim=$scope.current; doIt();}).error(function(data) { 
$scope.current =   data.salutation.toLowerCase() || "Request failed";   $scope.dim=$scope.current;});

};

Travis Watson · Accepted Answer · 2013-04-11 19:19:47Z

2

Not sure exactly what angular's doing, but this is typically done by appending a timestamp to the url. Change your original URL from:

'http://angularjs.org/greet.php?callback=JSON_CALLBACK&name=Super%20Hero'

To:

'http://angularjs.org/greet.php?callback=JSON_CALLBACK&name=Super%20Hero&_=' + (new Date().getTime())

edited Apr 11, 2013 at 19:19

answered Apr 11, 2013 at 19:06

Travis Watson

1,7591 gold badge18 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

davitp Over a year ago

Thats the code i write .. $scope.fetch=function () { $http({method: 'JSONP', url: 'angularjs.org/…'}).success(function(data) { $scope.current = data.salutation.toLowerCase(); console.log($scope.current); $scope.dim=$scope.current; doIt();}).error(function(data) { $scope.current = data.salutation.toLowerCase() || "Request failed"; $scope.dim=$scope.current;}); };

Travis Watson Over a year ago

Care to put that in your question so it can be properly formatted?

davitp Over a year ago

I changed the question... still do not understand why there is a caching enabled?

TheBrain Over a year ago

because jsonp is actually a javascript tag in the page with the source to whatever you want to load. and browsers cache javascripts unless told not to. what Travis is saying is to also append a dummy argument to the url with the timestamp. so when a new call is made, the browser will see the url as a different javascript and loads it accordingly

Travis Watson Over a year ago

The caching option in Angular is a JavaScript based caching option. You are running into an issue where the browser is actually caching the request. The only way for your code to ensure it's getting new results each time is to append something unique to the URL each request, hence the timestamp. I'll edit my answer with a more precise response.

|

Collectives™ on Stack Overflow

AngularJS is caching JSONP by default

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related