ajax reload in angular js

Question

I have dropdown which generates items from json.

`generalService.getUrlData('get_data')
        .then(function(data){
            $scope.names = data.data;
            for (var i=0; i < $scope.names.length; i++) {
                var compn = $scope.names[i].NAME;   
                $scope.compname.push(compn);
            }
    });`

my question is when i entered a new data to db using typeahed combo box the newly entered data is not populating in the dropdown. It is populating after the page is reloaded. How to reload the ajax call when submit button is clicked, so that the newly entered item appears in dropdown without reloading the page.I hope you understood my question.

You are saving a new data to db through front end only, right? And the code is in the same controller? — Syam Pillai
– Syam Pillai, Commented May 26, 2017 at 6:28

Andrey Ponteleev · Accepted Answer · 2017-05-26 06:35:21Z

1

you need to invoke new http request if you want to load new data from server to client.

if your data just entered from consumer, you can avoid new request by simulating serverside update

answered May 26, 2017 at 6:35

Andrey Ponteleev

113 bronze badges

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

Comments

Syam Pillai · Accepted Answer · 2017-05-26 06:47:39Z

Call the getUrlData once the save new data API call is success.

Eg:

function getAllUrlData () {
  generalService.getUrlData('get_data')
    .then(function(data){
        $scope.names = data.data;
        for (var i=0; i < $scope.names.length; i++) {
            var compn = $scope.names[i].NAME;   
            $scope.compname.push(compn);
        }
  });
}

function save newData (new_data) {
   generalService.veNewasUrlData('get_data')
    .then(function(data){
       getAllUrlData()   // fecth all data again when save data is success
    });
}

OR

Don't call the getAllUrlData function again. Just push the new data to $scope.compname when you are saving the new data.

$scope.compname.push(newData) // this will automatically come once reload. So no issues with temporary push

Manikandan Velayutham · Accepted Answer · 2017-05-26 07:00:17Z

0

When you entered a new data to db using typeahed combo box. You need to trigger again dropdown getdata api. or use $route.reload() after new data to db by typeahed combo box but, It will call all on-fly functions requests.

answered May 26, 2017 at 7:00

Manikandan Velayutham

2,2281 gold badge17 silver badges22 bronze badges

Collectives™ on Stack Overflow

ajax reload in angular js

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related