Call ION API from Extensibility Framework (CORS error)

I added a button from extensibility framework to call an ION API, but the call end in error (CORS)

The call is to https://mingle-ionapi.inforcloudsuite.com ..... from https://eam.inforcloudsuite.com, source & target are in the same domain and https.

The API is working (I tested with Postman)

This is the error in the browser console

Access to XMLHttpRequest at 'mingle-ionapi.inforcloudsuite.com/.../sale from origin 'eam.inforcloudsuite.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

This is the code of call in the extensibility framework:

EAM.Ajax.request({
url: "">mingle-ionapi.inforcloudsuite.com/.../sale",
jsonData: jData,
async: false,
method: "POST",
});

Thanks

Find more posts tagged with

EAM Development

Accepted answers

All comments

unknown

Check this StackOverflow article regarding CORS. https://stackoverflow.com/questions/19966707/cors-error-on-same-domain

unknown

Hi,

ION API is for beeing able to configure and allow CORS. But are you calling EAM from EAM or something else? EAM is not allowed to call ION API at all. This seems to be something that should be enabled by default id EAM was provisioned (and not manually added)

Is there an authorized application for EAM in ION API? Please check the ION API documenation and/or reach out to support.

And for CORS the domain, schema and port must match but if the browser is returning an error it's because the pre-flight check says that the orginin you are having in a browser is not OK, Then it's a configuration issue on the server you are calling. In this case it can be ION API, but it can also be EAM.

unknown

Hi cguerrero,

Do you mind sharing your extenisble framework code for adding a button?

Thanx

alex-swary

late, minimal, but it works as required.
If you practice with Ext.Button you could add fancy features.
Anyway :

    let mainToolbar = EAM.Utils.getScreen().getMainToolbar();
    mainToolbar.insert(3, Ext.create('Ext.Button', {
      text:     'Download',
      renderTo: Ext.getBody(),
      handler: function() {
        downloadDocumentsOfSelectedWorkOrders();
      },
      ui: 'default-toolbar-small'
    }));

unknown

Hi Davide,

totally missed this message. Thanks!

Kind regards,

Hendri

Copyright © 2025 Infor. All rights reserved.