How can I call an API from the UI Designer?

Submitted by clara.gaset_1349952 on Tue, 02/27/2018 - 18:56
1
0
-1

Hi everyone,
I want to call an API (not Bonita API) from a JavaScript variable from the UI Designer. I have the following code:

var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", URL, true);
xmlhttp.setRequestHeader("Authorization", ENCODED_PW);
xmlhttp.setRequestHeader("Accept", "application/json");
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send();
return xmlhttp.status;

It's always returning a 0 error. It seems to be related CORS headers because I'm calling a cross-domain resource. When I call the API from the Studio I get the expected resource.
Any idea if I need to configure something in Bonita or if I should modify the code?

Thanks,
Clara

#UIDesigner
#javascript
#APIRest
1 answer

Submitted by joe.pappas on Thu, 03/01/2018 - 14:29
1
0
-1

Hi Clara,
Yes, you are bumping up against cross origin resource sharing in your browser. There are a couple of options:

1) Call the code using a script connector. Since that's done server side there won't be any CORS issues

2) Disable CORS in your browser. Not highly recommended but it is possible in Chrome

Notifications