How to pass array value to function javascript

Question

I would like to know how to pass value in array to the ajax function in javascript. For each id, call the function in javascript. How to pass each id in array and call the function

var listid=["fund","trans","ins"]; 

getData(id){
var li = $.ajax({
    url: "/en",
    method: 'get',
    global: false,
    async: false,
    data: {
      idvalue: id
    },
    success: function(value) {
      return value;
    }
  }).responseText;
 console.log(JSON.parse(li));

}

You have to use loop and call the function for each item in array. — random, May 25 '19 at 05:49

score 1 · Accepted Answer · edited May 25 '19 at 06:01

1

You can use:

listid.forEach(function (id) { getData(id) });

edited May 25 '19 at 06:01

Ajay2707

5,690
6
40
58

answered May 25 '19 at 05:58

Sai Kiran

26
3

score 0 · Answer 2 · answered May 25 '19 at 05:51

0

You could use the map function for arrays. It is a JavaScript function that takes a callback as a parameter. You can pass any function as a callback and it will call it for every value in that array.

answered May 25 '19 at 05:51

SerShubham

873
4
10

score 0 · Answer 3 · answered May 25 '19 at 05:52

0

Apply loop to your id array.

var listid=["fund","trans","ins"]; 

for(let i = 0, len = listid.length; i < len; i++) {
    getData(listid[i]);
}

answered May 25 '19 at 05:52

random

7,756
3
19
25

score 0 · Answer 4 · answered May 25 '19 at 05:56

you can use $.each for your array value

var listid=["fund","trans","ins"]; 
    $.each(listid, function( index, value ) {
      //console.log( index + ": " + value );
      getData(value );  //uncomment this for actual implementation
    });
    
    function getData(id){
    var li = id;
    /*$.ajax({
      url: "/en",
      method: 'get',
      global: false,
      async: false,
      data: {
        idvalue: id
      },
      success: function(value) {
        return value;
      }
    }).responseText;*/
    //console.log(JSON.parse(li));
    console.log(li);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

score 0 · Answer 5 · answered May 25 '19 at 06:07

var listid=["fund","trans","ins"]; 

for(var i = 0 ; i < listid.length ; i++){
getData(listid[i]);

}
function getData(id){
var li = $.ajax({
    url: "/en",
    method: 'get',
    global: false,
    async: false,
    data: {
      idvalue: id
    },
    success: function(value) {
      return value;
    }
  }).responseText;
 console.log(JSON.parse(li));

}

score 0 · Answer 6 · answered May 25 '19 at 06:13

You can iterate over the list using a forEach easily.

var listid=["fund","trans","ins"]; 

listid.forEach(function(id) {
   getData(id);
});

function getData(id) {
   var xhr = $.ajax({
    url: "/en",
    method: 'get',
    global: false,
    async: false,
    data: {
      idvalue: id
    },
    success: function(value) {
      return value;
    }
  }).always(function(data,  textStatus, jqXHR) {
      // deal with the data
  })
}

If you are using newer version of Jquery then The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are removed as of jQuery 3.0. You can use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.

function getData(id) {
   var xhr = $.ajax({
    url: "/en",
    method: 'get',
    global: false,
    async: false,
    data: {
      idvalue: id
    },
    success: function(value) {
      return value;
    }
  })
  .done(function(data, textStatus, jqXHR ) {
    // do something with value
  })
  .fail(function(jqXHR, textStatus, errorThrown) {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });
}

How to pass array value to function javascript

6 Answers6