Log in to AnswerLog in to Follow
2020-09-21 08-42-47
Vincent Koning
Champion
36Views
7Comments
Solved
Seeking Forge comp. that demod calling an API from javascript.
Question

Some weeks ago a forge component was published that showed how to call an external API via javascript (pure client side). I need this for one of our projects. Does anyone know which component this is, I can't find it anymore :(.

I have a hard time using the methods I normally use (via promises) because ES6 isn't supported and babeljs.io gives me a converted script that OutSystems doesn't like. And no, I can't use the regular integration components due to limitations on the project site (always local network but seldom an internet connection)

Greetings,

Vincent

0
0
01 Sep 2020
2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Solution

What about using XMLHttpRequest()

function callAPI() {
    var xhttp = new XMLHttpRequest();
    xhttp.open('GET', 'https://api.spotify.com/v1/search?q=Muse&type=track');
    xhttp.setRequestHeader('Content-Type', 'application/json');
    xhttp.setRequestHeader('Authorization', 'Bearer <MY_ACCESS_TOKEN>');
    xhttp.send();
    var response = JSON.parse(xhttp.responseText);
}
See solution in context
0
0
01 Sep 2020
2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP

Hi Vincent,

Is it not an option to use jQuery $.ajax() function?

Regards,

Daniel

0
0
01 Sep 2020

Hi Daniel,

I prefer not to use JQuery at all. It doesn't play well with Reactive and it's more bloat that don't I want to have.

Greetings,

Vincent


0
0
01 Sep 2020
2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Solution

What about using XMLHttpRequest()

function callAPI() {
    var xhttp = new XMLHttpRequest();
    xhttp.open('GET', 'https://api.spotify.com/v1/search?q=Muse&type=track');
    xhttp.setRequestHeader('Content-Type', 'application/json');
    xhttp.setRequestHeader('Authorization', 'Bearer <MY_ACCESS_TOKEN>');
    xhttp.send();
    var response = JSON.parse(xhttp.responseText);
}
0
0
01 Sep 2020

Hi Daniel,

I missed your post but just after my last post I also tried this one and it worked. Thanks for the suggestion :) 

Greetings,

Vincent 

0
0
02 Sep 2020

Hi there, I'm trying to call API in client side using Javascript as shown below. I'm able to get the values in the console of the browser but unable to bring it to the  output parameter. Could someone or @Vincent Koning help me with it? Thanks!


0
0
06 Oct 2021

I think one part of the issues lies in Line 12. Don't convert the reponsetext to a Json object. Do this after the javascript action with the native widgets. 

0
0
06 Oct 2021

Thanks for the response. Had tried without converting to Json object but didn't work. In line 11 output parameter is text, should it be any other datatype?    

0
0
06 Oct 2021
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.