Failed to load resource: the server responded with a status of 403 (Forbidden)

[jamztang]

The problem is the outgoing request is always OPTIONS https://api.improve.ai/v1/choose if there're custom header added (for x-api-key)

ref: http://stackoverflow.com/questions/10093053/add-header-in-ajax-request-with-jquery

Trying to write my own XMLHttpRequest doesnt help as well

      var xmlHttp = new XMLHttpRequest();
      xmlHttp.onreadystatechange = function() {
          if (xmlHttp.readyState == 4)
            if (xmlHttp.status >= 200 && xmlHttp.status < 400)
              success(xmlHttp.responseText, xmlHttp.status);
            else error(xmlHttp.responseText, xmlHttp.status);
      };
      xmlHttp.open(method, theUrl, true); // true for asynchronous
      for (var key in headers) {
        xmlHttp.setRequestHeader(key, headers[key]);
      }
      xmlHttp.send(data);