Javascript 万事达卡支付网关API单页应用程序

Javascript 万事达卡支付网关API单页应用程序,javascript,api,single-page-application,mastercard,Javascript,Api,Single Page Application,Mastercard,我将Mastercard支付网关API用于托管会话: 集成在第一次加载时按预期工作,但已写入单页应用程序。当用户通过面包屑返回页面时(使用javascript哈希加载“页面”)。当用户返回到支付“页面”时,应再次触发Mastercard支付api,但不会发生这种情况 文档没有说明是否可以多次发送PaymentSession.configure({}),但我假设这是我的问题 我已经尝试“重置”了PaymentSession,并重新加载了session.jsjavascript,但到目前为止还无法让

我将Mastercard支付网关API用于托管会话:

集成在第一次加载时按预期工作,但已写入单页应用程序。当用户通过面包屑返回页面时(使用javascript哈希加载“页面”)。当用户返回到支付“页面”时,应再次触发Mastercard支付api,但不会发生这种情况

文档没有说明是否可以多次发送
PaymentSession.configure({})
,但我假设这是我的问题

我已经尝试“重置”了
PaymentSession
,并重新加载了
session.js
javascript,但到目前为止还无法让这个特定的案例正常工作。我想知道是否有办法“重置”
configure()


我不希望复制和粘贴我的代码,因为这是一个支付集成,尽管它与文档中的示例非常类似。我还想说,这个问题与我的个人代码无关,更与万事达卡的支付API的工作方式无关,而且我的网站是一个单独的页面,而不是在需要时只加载session.js。

我不喜欢op给出答案,但我有一个解决方案:

$.getScript("<mastercard url + version + merchant id>/session.js", function() { 
  //PaymentSession && PaymentSession.configure(); 
});
$.getScript(“/session.js”,function(){
//PaymentSession&&PaymentSession.configure();
});
每次调用单页支付哈希时,都使用jQuery加载
session.js
。执行MasterCard支付脚本后,它将运行
PaymentSession.configure()

我的公司最终将不再使用万事达卡支付api,因此这是一个合适的解决方案,不会增加太多页面负载。
我仍然很想知道是否可以用另一种方式重置此脚本。

首先安装jquery,然后在组件中执行此操作

declare const PaymentSession: any;

$.getScript(
        <"mastercard url/version/merchantId>/session.js",
        function () {
            if (PaymentSession) {
                PaymentSession.configure({
                    fields: {
                        // ATTACH HOSTED FIELDS TO YOUR PAYMENT PAGE FOR A CREDIT CARD
                        card: {
                            number: "#card-number",
                            securityCode: "#security-code",
                            expiryMonth: "#expiry-month",
                            expiryYear: "#expiry-year",
                            nameOnCard: "#cardholder-name",
                        },
                    },
                    session: "xxxxxxxxxxxxxxxx",
                    //SPECIFY YOUR MITIGATION OPTION HERE
                    frameEmbeddingMitigation: ["javascript"],
                    callbacks: {
                        initialized: function (response) {
                            console.log(response);

                            // HANDLE INITIALIZATION RESPONSE
                        },
                        formSessionUpdate: function (response) {
                            // HANDLE RESPONSE FOR UPDATE SESSION
                            if (response.status) {
                                if ("ok" == response.status) {
                                    console.log(
                                        "Session updated with data: " +
                                            response.session.id
                                    );

                                    //check if the security code was provided by the user
                                    if (
                                        response.sourceOfFunds.provided.card
                                            .securityCode
                                    ) {
                                        console.log(
                                            "Security code was provided."
                                        );
                                    }

                                    //check if the user entered a Mastercard credit card
                                    if (
                                        response.sourceOfFunds.provided.card
                                            .scheme == "MASTERCARD"
                                    ) {
                                        console.log(
                                            "The user entered a Mastercard credit card."
                                        );
                                    }
                                } else if (
                                    "fields_in_error" == response.status
                                ) {
                                    console.log(
                                        "Session update failed with field errors."
                                    );
                                    if (response.errors.cardNumber) {
                                        console.log(
                                            "Card number invalid or missing."
                                        );
                                    }
                                    if (response.errors.expiryYear) {
                                        console.log(
                                            "Expiry year invalid or missing."
                                        );
                                    }
                                    if (response.errors.expiryMonth) {
                                        console.log(
                                            "Expiry month invalid or missing."
                                        );
                                    }
                                    if (response.errors.securityCode) {
                                        console.log(
                                            "Security code invalid."
                                        );
                                    }
                                } else if (
                                    "request_timeout" == response.status
                                ) {
                                    console.log(
                                        "Session update failed with request timeout: " +
                                            response.errors.message
                                    );
                                } else if (
                                    "system_error" == response.status
                                ) {
                                    console.log(
                                        "Session update failed with system error: " +
                                            response.errors.message
                                    );
                                }
                            } else {
                                console.log(
                                    "Session update failed: " + response
                                );
                            }
                        },
                    },
                    interaction: {
                        displayControl: {
                            formatCard: "EMBOSSED",
                            invalidFieldCharacters: "REJECT",
                        },
                    },
                });
            }
        }
    );
declare const PaymentSession:any;
$.getScript(

Hi@TomFirth你能帮我在基于ionic 3的应用程序中集成master card支付网关吗?我们如何在Android中使用它?可能来自webview?你能用js html文件向我介绍github示例吗!!Android没有本地sdk!!嗨,你能帮我弄清楚如何获取会话id吗?嗨,你能帮我吗使用会话id进行支付?@MunawarHussian您在session.js中找到如何通过PaymentSession实现它了吗?文档仅显示带有REST API的示例,这符合CORS问题!