The length of the notification is determined by the ReadFlag

Question

The length of the notification is determined by the ReadFlag

JS:

 function fetchNotifications(){
                $.ajax({
                    url: "getgroupednotification.json",
                    type: "GET",
                    crossDomain: true,
                    success:function(response){

                        $.each(response,function(idx, val){
                            //console.log(response);
                            //console.log(val);
                            $.each(val.Notifications, function(idx_, val_){
                                if(val.Source == 'CIRIS'){
                                    var totalNotifications = val.Notifications.length;
                                        if(val_.ReadFlag != 1){

                                    }
                                }
                            });
                       });
                 });

I am trying to retrieve the count of notifications where ReadFlag is equal to 0. In this example scenario, I am checking for Source being CIRIS.

You can access my JSON data from this link:

javascript json ajax-request

Answer 1

Answer №1

One possible solution could be:

function fetchJSONData() {
    $.ajax({
        url: "https://api.myjson.com/bins/navph",
        type: "GET",
        crossDomain: true,
        success: function(response) {
            var notificationLengths = response.filter(function(item) {
                return item.Source === 'CIRIS';
            }).map(function(item) {
                return item.Notifications;
            }).map(function(notification){
                return (notification.filter(function(item){
                    return item.RedFlag !== 0;
                }).length)
            })
            console.log(notificationLengths[0]);
        }
    })
}

fetchJSONData();

Answer 2

One possible solution could be:

function fetchJSONData() {
    $.ajax({
        url: "https://api.myjson.com/bins/navph",
        type: "GET",
        crossDomain: true,
        success: function(response) {
            var notificationLengths = response.filter(function(item) {
                return item.Source === 'CIRIS';
            }).map(function(item) {
                return item.Notifications;
            }).map(function(notification){
                return (notification.filter(function(item){
                    return item.RedFlag !== 0;
                }).length)
            })
            console.log(notificationLengths[0]);
        }
    })
}

fetchJSONData();

The length of the notification is determined by the ReadFlag

Answer №1

Similar questions

Embed fashion and graph elements into a CSV document (generated from <script>)

The process of assigning a local variable to a JSON response in Angular 2

The fade effect in React and material ui is consistent across both elements

The previous state is retained by useState, rather than updating to the current value

What is the best method for automatically closing the modal window?

Sequence jQuery functions so that each one only runs when the previous one has finished

Using C# and JSON.net to iterate and save Jobject objects in a loop

utilizing a spacemouse in conjunction with autodesk forge

Combine two elements together and display the outcome in json form

Is there a way to automatically adjust the positioning of added pins on an image as I scroll through the image?

Ways to delete an element from an array in MongoDB

What is the method for obtaining an element with a class name that does not match a specific value?

I'm encountering an issue with my array in JavaScript while using // @ts-check in VS Code. Why am I receiving an error stating that property 'find' does not exist on my array? (typescript 2.7

Issue with Type-Error when accessing theme using StyledComponents and TypeScript in Material-UI(React)

"Adding page-specific scripts with the help of nunjucks and express app: A step-by-step guide

Modify the content of package.json using command line interface

Ruby application requires refreshing for Ajax deletions to take effect

Tips for customizing the cursor to avoid it reverting to the conventional scroll cursor when using the middle click

Generate numerous div elements by utilizing ng-repeat

Using JSON data in a Java servlet can be done by first creating a JSON