title: SAPUI5 / AJAX, submitting Basic Authentication Details
body: <p>I'm trying to access a SAP Successfactors API from an AJAX Call in a SAPUI5 application.</p>
  
  <p>I can access the API fine using POSTMAN, and providing the Basic Authentication credentials.</p>
  
  <p>How do I supply these credentials directly in AJAX. I've tried numerous ways from numerous post but no method seems to work.</p>
  
  <p>Response from Google Dev Tools (Console Tab)</p>
  
  <pre><code>Failed to load https://api2.successfactors.eu/odata/v2/PerPerson?$select=personId: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://webidetesting#####-#####.dispatcher.hana.ondemand.com' is therefore not allowed access.
  </code></pre>
  
  <p>Response from Google Dev Tools (Network Tab)</p>
  
  <pre><code>Authentication credentials are required. Please provide a valid username, password and company id
  </code></pre>
  
  <p>Ajax.</p>
  
  <pre><code>var aData = jQuery.ajax({
                  type: "GET",
                  contentType: "application/json",
                  crossDomain: true,
                  url: "https://api2.successfactors.eu/odata/v2/PerPerson?$select=personId",
                  xhrFields: {
                      withCredentials: true
                  },
                  beforeSend: function (req) {
                      req.setRequestHeader('Authorization', 'Basic ' + btoa('Username:Password'));
                      req.setRequestHeader('Access-Control-Allow-Origin', '*');
                  },
                  headers: {
                      "Authorization": "Basic " + btoa("Username" + ":" + "Password"),
                      "Access-Control-Allow-Origin": "*"
                  },
                  username: "Username",
                  password: "Password",
                  dataType: "json",
                  async: false,
                  success: function (data, textStatus, jqXHR) {
                      oModel.setData({
                          modelData: data
                      });
                      alert("success to post");
                  },
                  error: function (oError) {
                      console.log(oError);
                  }
  
              });
  </code></pre>