JHXFiX7w

1 $.ajax({
2        url: url,
3        dataType:'json',
4        method:'POST',
5        type:'POST',
6        data:form_str+"&act=payment_methods",
7        success:function(data){
8            setup_data = data;
9            $('#adyen_payment_modal #credit_pop').html('<div id="dropin"></div>');
10
11            const configuration = {
12                locale: "en-US", // The shopper's locale. For a list of supported locales, see https://docs.adyen.com/checkout/components-web/localization-components.
13                environment: environment, // When you're ready to accept live payments, change the value to one of our live environments https://docs.adyen.com/checkout/drop-in-web#testing-your-integration.
14                originKey: SECRET_KEY, // Your website's Origin Key. To find out how to generate one, see https://docs.adyen.com/user-management/how-to-get-an-origin-key.
15                paymentMethodsResponse: setup_data // The payment methods response returned in step 1.
16            };
17            const checkout = new AdyenCheckout(configuration);
18            const dropin = checkout
19                .create('dropin', {
20                    onSubmit: (state, dropin) => {
21                        console.log(state);
22                        $.ajax({
23                                    url: url,
24                                    dataType:'json',
25                                    method:'POST',
26                                    type:'POST',
27                                    data:form_str+"&act=payments&data="+JSON.stringify(state.data),
28                                    success:function(data){
29                                        console.log(data)
30                                    }
31                        })
32                    },
33                    onAdditionalDetails: (state, dropin) => {
34                        console.log(state)
35                    }
36                })
37                .mount('#dropin');
38        }
39    });