How to save json response in local storage using angularjs?

Question

I have api which return json response and I want to store that json response in localstorage to use that response in my another html page using angularjs.

Here is my code which return json response....

QAApp.controller('SearchCtrl', function ($scope, $http, $location) {

  $scope.search = function (searchtag) {
           var request = $http({
                          method: 'GET', 
                          url: server + 'api/question/tagged/' + searchtag,
                        });
                request.success(function(data, status, headers, config) {
                console.log(data);
                $scope.qa = data;
            });

        }
  });

Please tell me how can I store it...

Rajesh Manilal · Accepted Answer · 2014-08-20 06:28:52Z

19

On your request.success(),use

window.localStorage['storageName'] = angular.toJson(data);

Then you can access the data in localstorage by

var accessData = window.localStorage['storageName'];

edited Aug 20, 2014 at 6:28

answered Aug 20, 2014 at 6:23

Rajesh Manilal

1,12410 silver badges20 bronze badges

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

6 Comments

Anita Mehta Over a year ago

Yes it is working I am able to save in local storage. Can you please tell me how can I use that "storageName" in html page to display the data using angularjs.

Rajesh Manilal Over a year ago

@AnitaMehta var accessData = window.localStorage['storageName']; $scope.VarName = angular.fromJson(accessData); so you can use the 'varname' to customize your data in HTML pages

Anita Mehta Over a year ago

I got the response but I am not able to display.....what I am doing is on onclick I got the response and want to display to next page.....So after onclcik I got the data and also going to next page the data is not displaying....

Rajesh Manilal Over a year ago

var accessData = window.localStorage['storageName']; $scope.VarName = angular.fromJson(accessData); In HTML Page use {{VarName.<JSON string Name of Name_value_Pair>}}

Rajesh Manilal Over a year ago

use double curly braces like {{<JSON data>}}, to display data in HTML pages

|

Avag Sargsyan · Accepted Answer · 2016-10-26 09:34:26Z

5

I want to suggest this one because I used it and it works stable https://github.com/gsklee/ngStorage.

After downloading and attaching it to your project you should add it as a dependency

    QAApp.controller('SearchCtrl', function ($scope, $http, $location,$localStorage) {

      $scope.search = function (searchtag) {
               var request = $http({
                              method: 'GET', 
                              url: server + 'api/question/tagged/' + searchtag,
                            });
                    request.success(function(data, status, headers, config) {
                    $localStorage.qa = datal
                    $scope.qa = data;
                });



  }
  });

edited Oct 26, 2016 at 9:34

Avag Sargsyan

2,5194 gold badges33 silver badges45 bronze badges

answered Aug 20, 2014 at 6:30

Narek Mamikonyan

4,6112 gold badges27 silver badges30 bronze badges

Comments

Mihail Malohvey · Accepted Answer · 2015-12-22 21:19:29Z

4

$scope.Save = angular.toJson(data); //Save to storage
sessionStorage.setItem('blablabla',$scope.Save);
localStorage.setItem('blablabla', $scope.Save); 

$scope.DataFromJson = JSON.parse(sessionStorage["blablabla"]); //Get from storage
$scope.DataFromJson = JSON.parse(localStorage["blablabla"]);

edited Dec 22, 2015 at 21:19

answered Dec 22, 2015 at 21:13

Mihail Malohvey

413 bronze badges

Comments

GregL · Accepted Answer · 2014-08-20 06:21:58Z

3

I recommend using the angular-local-storage module on GitHub.

answered Aug 20, 2014 at 6:21

GregL

38.2k8 gold badges65 silver badges68 bronze badges

Comments

Manish Nakar · Accepted Answer · 2016-09-29 03:26:47Z

2

/* To retrive json from localStorage */

var user = angular.fromJson($window.localStorage['md-user']);

/* To store json in loacalStorage */

$window.localStorage['md-user'] = angular.toJson(user);

edited Sep 29, 2016 at 3:26

answered Sep 29, 2016 at 3:20

Manish Nakar

4,6761 gold badge20 silver badges14 bronze badges

Comments

Rejneesh Raghunath · Accepted Answer · 2018-10-09 20:34:35Z

0

To store

$scope.storeItem = function() {
 sessionStorage.setItem('item', angular.toJson($scope.selectedItem));
}

To retrieve

$scope.retrieve = function() {
    $scope.selectedItem = JSON.parse(sessionStorage.getItem('item'));
}

answered Oct 9, 2018 at 20:34

Rejneesh Raghunath

1,73418 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to save json response in local storage using angularjs?

6 Answers 6

6 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

6 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related