How to change url parameter?

Question

How can I change the parameter "symbol" in the url to each element of the array one by one and run the function multiple times?

var symbols = [MSFT, CSCO, FB, AMZN, GOOG];

window.onload = function() {
$.ajax({
    type: "GET",
    url: "https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&symbol=AAPL&interval=1min&apikey=T6UEJETEQRVGDJS9",
    success: function(result){
        stocks = result;
        document.getElementById("myDiv").innerHTML = stocks;

    }
 });
}

Thanks!

Elad · Accepted Answer · 2017-12-16 22:22:08Z

4

You have to separate the AJAX call to stand alone function, and then call the that function each time with different parameter.

Like so:

window.onload = function() {
    var symbols = ['MSFT', 'CSCO', 'FB', 'AMZN', 'GOOG'];

    symbols.forEach( symbol => makeAjaxCall(symbol));

}

function makeAjaxCall(param){

$.ajax({
    type: "GET",
    url: "https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&symbol="+ param +"&interval=1min&apikey=T6UEJETEQRVGDJS9",
    success: function(result){
        stocks = result;
        document.getElementById("myDiv").innerHTML = stocks;
    }
 });
}

answered Dec 16, 2017 at 22:22

Elad

2,4771 gold badge19 silver badges34 bronze badges

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

Comments

Faust · Accepted Answer · 2017-12-16 22:29:36Z

2

Do it in a forEach on the array:

var symbols = ["MSFT", "CSCO", "FB", "AMZN", "GOOG"];

window.onload = function() {
    symbols.forEach(function(sym){
        var url = "https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&" + sym + "=AAPL&interval=1min&apikey=T6UEJETEQRVGDJS9";
        $.ajax({
            type: "GET",
            url: url,
            success: function(result){
                stocks = result;
                document.getElementById("myDiv").innerHTML = stocks;

            }
         });
    }   
})

edited Dec 16, 2017 at 22:29

answered Dec 16, 2017 at 22:21

Faust

15.5k10 gold badges58 silver badges116 bronze badges

1 Comment

Cave Johnson Over a year ago

Also, each string in the symbols array should be enclosed in quotes ('')

arpl · Accepted Answer · 2017-12-16 22:31:10Z

1

I didn't include promises to keep it simple, but you could use one more parameter to specify the DOM element that will receive the value of the stock.

window.onload = function() {
    var symbols = ['MSFT', 'CSCO', 'FB', 'AMZN', 'GOOG'];
    symbols.forEach(symbol => getSymbol(symbol, divId));
}

function getSymbol(param, divId){
  $.ajax({
      type: "GET",
      url: "https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&symbol="+ param +"&interval=1min&apikey=T6UEJETEQRVGDJS9",
      success: function(result){
          stocks = result;
          document.getElementById(divId).innerHTML = stocks;
      }
   });
}

edited Dec 16, 2017 at 22:31

answered Dec 16, 2017 at 22:26

arpl

3,6433 gold badges21 silver badges17 bronze badges

Comments

gonczor · Accepted Answer · 2017-12-16 22:19:10Z

0

You can set it as a variable:

$  node
> var symbol = 'aallalla'
undefined
> var html = 'http://www.google.com/?symbol='
undefined
> html + symbol
'http://www.google.com/?symbol=aallalla'
>

This will allow you to change it on demand.

answered Dec 16, 2017 at 22:19

gonczor

4,1841 gold badge25 silver badges53 bronze badges

Comments

Jose Mato · Accepted Answer · 2017-12-16 22:26:36Z

const getSymbol = (symbol) => {
  return new Promise((resolve, reject) => {
    $.ajax({
        type: "GET",
        url: `https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&symbol=${symbol}&interval=1min&apikey=T6UEJETEQRVGDJS9`,
        success: function(result){
            resolve(result);
        }
    });
  });
};

window.onload = function() {
  const symbolPromises = symbols.map((symbol) => {
    return getSymbol(symbol);
  });

  Promise.all(symbolPromises).then((arrayOfResult) => {
    const stocks = result.join('</br>');
    document.getElementById("myDiv").innerHTML = stocks;
  }).catch((err) => {
    console.error(err);
  });       
}

Following this approach you can call as much symbols as you need having all symbol results in the result gave in promise.all function and just is necessary present this result to the user.

Collectives™ on Stack Overflow

How to change url parameter?

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related