How can i save a json file with javascript or angularjs?

Question

I have locally stored a json file, im working with it but i cannot save it, loosing persistance. This code is in my web controller (angularjs)

$http.get("users.json")
            .then(function(res) {
                $scope.users = res.data;
            });

        $scope.addUser = function() {
            $scope.users.push({
                name: $scope.user
            });

            $scope.user = "";            
        }

        $scope.removeUser = function() {
            $scope.users.pop({
                name: $scope.user
            });

            $scope.user = "";            
        }

i know that another way is local storage, but i couldn't use it because i cant list every object in my html code (it says i cannot push or pop in a undefiened object).

So, how can i do it?

Thanxs!

can't save to file from browser. localStorage is stored as string so not clear what you were trying to do to push to it. You can stringify data to it however quite easily and parse back to array/object while working — charlietfl
– charlietfl, Commented Oct 6, 2015 at 5:25
JSON.stringify(dataObject) is your friend. then JSON.parse(dataAsString) to get it back. — primavera133
– primavera133, Commented Oct 6, 2015 at 14:17

sushilprj · Accepted Answer · 2015-10-06 14:15:14Z

2

I think, you need to initialize your users variable before calling the http request.

$scope.users = [];
$http.get("users.json")
        .then(function(res) {
            $scope.users = res.data;
        });

Hope it will fix the undefined object issue.

edited Oct 6, 2015 at 14:15

answered Oct 6, 2015 at 5:15

sushilprj

2,2431 gold badge14 silver badges19 bronze badges

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

2 Comments

charlietfl Over a year ago

not required...is being reassigned in callback which breaks original reference anyway

sushilprj Over a year ago

Right @charlietfl, I was trying to explain here 'undefiened object' error which he was getting, probably he tried to addUser and removeUser action prior to http request complete.

Sarjan Desai · Accepted Answer · 2015-10-06 05:28:16Z

0

I know that another way is local storage, but i couldn't use it because i cant list every object in my html code (it says i cannot push or pop in a undefiened object).

You can use it if you store data properly by checking whether data is available or not and then adding it. Other option is if user data is going to use for different page's or controller then you can use $rootScope.

In below code you haven't define $scope.users which throws error.

// $scope.users = [];  // Uncomment code if variable is not defined
// $scope.user = '';  //  Uncomment code if variable is not defined
$http.get("users.json")
     .then(function(res) {
        $scope.users = res.data;  // Throws error if not defined earlier
});

$scope.addUser = function() {
  $scope.users.push({
    name: $scope.user   // Here $scope.user throws error if not defined earlier
  });

  $scope.user = "";
};

answered Oct 6, 2015 at 5:28

Sarjan Desai

3,7332 gold badges21 silver badges32 bronze badges

1 Comment

primavera133 Over a year ago

and if you use local storage with angular make sure you can mock it away in your tests by using a serivice like github.com/grevory/angular-local-storage

vicky_864 · Accepted Answer · 2015-10-07 17:07:06Z

thanks yo everybody, finally i save the data in my localstorage using de json file with parse and stringify !

$scope.addUser = function() {
    var jsonData = [];

    if (localStorage.getItem("users")) {
        jsonData = JSON.parse(localStorage.getItem("users"));
    }

    jsonData.push ({
        name: $scope.user
    });

    localStorage.setItem("users",JSON.stringify(jsonData));
    $scope.users = jsonData;
    $scope.user = "";            
}

$scope.removeUser = function(user) {

    if (localStorage.getItem("users")) {
        jsonData = JSON.parse(localStorage.getItem("users"));
    }

    for (var index in jsonData) {
        if (jsonData[index].name === user.name) {
            jsonData.splice(index,1);
        }
    }

    localStorage.setItem("users",JSON.stringify(jsonData));
    $scope.users = jsonData;
    $scope.user = "";            
}

Collectives™ on Stack Overflow

How can i save a json file with javascript or angularjs?

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related