Javascript fetch value from network response

Question

I had this this function and what it does to fetch value from network response and I manage to display the output 0: {recipeName: value_1} and 1: {recipeName: value_2}. But now the problem I want to display the result together with an alert message. Any idea how to make alert message display only once but the result display in loop?

function (e) {
  var returnedData = JSON.parse(e.responseText);
  console.log(returnedData);

  if(returnedData.length != 0){
    for (var x=0; x < returnedData.length; x++ ){
      var listOfRecipe = '('+[x]+') ' + returnedData[x]['recipeName'];
    }
    alert("Recipe cannot be deactivated, it is used in the following sub recipes: " + listOfRecipe);
  }
}

Current output

Recipe cannot be deactivated, it is used in the following sub recipes: (1) value_2

What I want

Recipe cannot be deactivated, it is used in the following sub recipes: (0) value_1 (1) value_2

Recipe cannot be deactivated, it is used in the following sub recipes: (1) value_2 — dontbannedmeagain
– dontbannedmeagain, Commented Jan 23, 2020 at 3:05
i mean in your current work, what is the result on that ? seems it's already working in our code — Qonvex620
– Qonvex620, Commented Jan 23, 2020 at 3:06
Did you mean keep this alert active while updating its content constantly? — Yu Zhang
– Yu Zhang, Commented Jan 23, 2020 at 3:06

Qonvex620 · Accepted Answer · 2020-01-23 03:15:07Z

2

Decalare your listofRecipe outside of your loop. Then change your code into this

function (e) {
  var returnedData = JSON.parse(e.responseText);
  var listOfRecipe  = ''
  console.log(returnedData);

  if(returnedData.length != 0){
    for (var x=0; x < returnedData.length; x++ ){
       listOfRecipe += '('+[x]+') ' + returnedData[x].recipeName;
    }
    alert("Recipe cannot be deactivated, it is used in the following sub recipes: " + listOfRecipe);
  }
}

edited Jan 23, 2020 at 3:15

answered Jan 23, 2020 at 3:09

Qonvex620

3,9801 gold badge12 silver badges17 bronze badges

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

3 Comments

dontbannedmeagain Over a year ago

I dont think the outcome will change. Still getting the same result. I still getting the last result which is value_2

Qonvex620 Over a year ago

I upadted my answer

dontbannedmeagain Over a year ago

forgive me.. I miss the += sign

Collectives™ on Stack Overflow

Javascript fetch value from network response

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related