Loop through an Array and access their properties in JavaScript in IE

Question

I would like to use the same alert message to display all the messages at once.

function LoadData(obj) {
    var ArrayData = $('input[type="hidden"][id^="li"]').map(function() {
        return this.getAttribute("value");
    }).get();

    $.ajax({
        data: {
            GUID: JSON.stringify(ArrayData)
        },
        url: "/LoadOrder/LoadData",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(result) {
            if (result.length > 0) {
                for (var item of result) {
                    alert("There are problems with your selections ${item.Desc} and ${item.EDesc}
.");
                }
            }
        }
    });
}

Expected result should be displayed like below only once.

Currently, the same message displays 3 times.

There are problems with your selections.

ABC - CDE

GFE- Test

Test1 - Test2

Is there any way to display all in once.

Gabriele Petrioli · Accepted Answer · 2023-02-01 02:09:23Z

1

You could change the success callback so that you first create the list of messages as a string and then call the alert

success: function(result) {
  if (result.length > 0) {
    const problems = result.map(item => `${item.Desc} - ${item.EDesc}`).join('\n');
    alert(`There are problems with your selections.\n${problems}`);
  }
}

and without using arrow functions

success: function(result) {
  if (result.length > 0) {
    var problems = result.map(function(item) {
      return `${item.Desc} - ${item.EDesc}`
    }).join('\n');
    alert(`There are problems with your selections.\n${problems}`);
  }
}

edited Feb 1, 2023 at 2:09

answered Jan 31, 2023 at 20:31

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

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

2 Comments

test test Over a year ago

Hi Gabriele Petroli, Can you please use normal function to support in IE. This arrow function does not support in IE

Gabriele Petrioli Over a year ago

@testtest sure, added a version without using arrow functions.

Collectives™ on Stack Overflow

Loop through an Array and access their properties in JavaScript in IE

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related