Check if there was POST with Javascript

Question

I have a singlepage application, and would like to monitor the POST for a webservice.

When I send the information it will remove the loading.

ex:

scope.deleteFile = function (fileId,index) {
                scope.loading = true;
                imageHandler.remove(scope.contentId, fileId);
                scope.attachments.splice(index, 1);
            };

That was the point where I stopped, however loading there it is true and knowing when or which function is jquery or native to javascript can I use to check if the post has been completed and after that give a scope.loading = false;

Answer 1

If you are using jQuery to make Ajax calls to the server, Voce can use the events ajaxStart and ajaxComplete to execute its logic whenever an Ajax request is started or completed.

Example:

$(document).ajaxComplete(function(event, xhr, settings){
    console.log(settings.type);
    if(settings.type == "POST"){
        console.log("Foi um POST que acabou.");
    }
});

Answer 2

In case you’re using jQuery, can add a custom header to all Ajax requests, using the following script syntax loaded right after jQuery load:

<script>
jQuery.ajaxSetup({headers: {"X-Requested-With":"XMLHttpRequest", "X-Ajax" : "1"}});
</script>

And you can access these values in the PHP controller through access to $_SERVER

Answer 3

In case you are using Angularjs recommend the use of angular-block-ui, which alone controls "loading" the requests.

https://github.com/McNull/angular-block-ui