SAPUI5 / AJAX，提交基本身份验证详细信息

Question

我正在尝试从SAPUI5应用程序中的AJAX调用访问SAP Successfactors API。

我可以使用POSTMAN访问API，并提供基本身份验证凭据。

如何在AJAX中直接提供这些凭据。我已经从众多帖子中尝试了很多方法，但似乎没有方法可行。

来自Google Dev Tools的响应（控制台选项卡）

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.

来自Google Dev Tools（网络标签）的回复

Authentication credentials are required. Please provide a valid username, password and company id

阿贾克斯。

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);
                }

            });

Answer 1

以下问题可能是问题：

1）类型的用户名：USERNAME @ COMPANY：PASSWORD在发送之前？

2）端点URL应该根据您的数据中心，也许DC2是正确的，但也可能是DC12？ https://api12.successfactors.eu/odata/v2/PerPerson?$select=personId而不是https://api2.successfactors.eu/odata/v2/PerPerson?$select=personId

3）传递对成功函数的引用

var that = this;

....
success: function (data, textStatus, jqXHR) {
     var oModel = that.getView().getModel(); // get your model, instatiated outside this method
     oModel.setData({
        modelData: data
     });
     alert("success to post");
},
     error: function (oError) {
        console.log(oError);
}
....

4）使用SAP Cloud Platform正确避免跨域问题！

SAP CP中的目标（连接 - >目标）：

不要忘记检查连接并接收HTTP状态代码= 200！

Name: sap_hcmcloud_core_odata, 
Type: HTTP
URL:  https://api12preview.sapsf.eu
Auth: Internet, Basic Authentication
  Your User (Username@Company), 
  Your Password
Properties  
  WebIDEEnabled = true
  WebIDESystem = SFSF
  WebIDEUsage = odata_gen

neo-app.json添加路线：

{ "path": "/sf-dest",
    "target": {
        "type": "destination",
        "name": "sap_hcmcloud_core_odata"
    },
    "description": "SFSF Connection"
}

在你的控制器中

sap.ui.define([
"sap/ui/core/mvc/Controller"], function (Controller) {
"use strict";

return Controller.extend("yourNamespace.yourAppName.controller.Main", {
    onInit: function () {
        var oModel = new sap.ui.model.json.JSONModel();
        var sHeaders = {
            "Content-Type": "application/json",
            "Accept": "application/json",
        };

        //sending request
        oModel.loadData("/sf-dest/odata/v2/PerPerson?$select=personId", null, true, "GET", null, false, sHeaders);
        console.log(oModel);

    }
});
});

Answer 2

在这种情况下，SCP目的地是答案，但是如果有2个呼叫，一个到认证API（用于检索令牌）而另一个到GET API（使用检索到的令牌作为身份验证？）怎么办？

Answer 3

答案只是创建一个没有身份验证的DESTINATION并在AJAX中应用所有授权