Unable to obtain Braintree client token using AngularJS

Question

Unable to obtain Braintree client token using AngularJS

I've developed a brain-tree payment integration plugin that loads at runtime. I generated the client token in a C# server-side class, but I'm struggling to use it in my Angular controller. Is there a way to access my session variable or something similar in my Angular controller from the C# class? This would allow me to create a drop-in UI in the Angular ready function. I aim to achieve something along these lines:

    angular.element(document).ready(function () {
            var clientToken = "From_Server_Side";
            braintree.setup(clientToken , 'dropin', {
                container: 'dropin-container',
                paypal: {
                    singleUse: true,
                    amount: 10.00,
                    currency: 'GBP'
                }
            });
        });

javascript c#asp.net angularjs braintree

Answer 1

Answer №1

To successfully generate a JsonResult in your controller, you need to follow this example:

    [HttpGet]
    public JsonResult client_token()
    {
        var gateway = config.GetGateway();
        var clientToken = gateway.ClientToken.Generate();
        return Json(clientToken, JsonRequestBehavior.AllowGet);
    }

After setting up the JsonResult in your controller, proceed to implement the following code snippet in your AngularJS application:

$scope.get_token = function () {
    $http({
        method: 'GET',
        url: '/home/client_token'
    }).then(function (data) {
        $scope.client_token_string = data.data;
    })
}
$scope.get_token();

I have used "home" as an example route assuming that it corresponds to the home controller in your project.

Answer 2

To successfully generate a JsonResult in your controller, you need to follow this example:

    [HttpGet]
    public JsonResult client_token()
    {
        var gateway = config.GetGateway();
        var clientToken = gateway.ClientToken.Generate();
        return Json(clientToken, JsonRequestBehavior.AllowGet);
    }

After setting up the JsonResult in your controller, proceed to implement the following code snippet in your AngularJS application:

$scope.get_token = function () {
    $http({
        method: 'GET',
        url: '/home/client_token'
    }).then(function (data) {
        $scope.client_token_string = data.data;
    })
}
$scope.get_token();

I have used "home" as an example route assuming that it corresponds to the home controller in your project.

Unable to obtain Braintree client token using AngularJS

Answer №1

Similar questions

Having trouble with protractor's sendKeys function when trying to interact with md-contact-chips

select2 dropdown categorized

Extracting information from a JSON file using React.js

An uncomplicated broadcasting and receiving method utilizing an event emitter

I have been working on incorporating a menu item in React, but I keep encountering an error

automatically closing bootstrap alerts upon form submission

The next/font feature functions perfectly in all areas except for a single specific component

JS Issue with Generating Content

What steps are involved in setting up a Restful API using express and node.js?

The React task list updates the todo items on change, rather than on submission

Generating an interactive button click feature within a cell of a data table

Learn the steps to create a 3D carousel that spins on its own without the need for manual clicks and pauses once the

Angular in conjunction with socket.io does not immediately show messages on screen

When I click on my div, the color does not change as expected

I'm facing an issue with SSRProvider in my NextJs application

Combining arrays of objects: a step-by-step guide

Information is inaccessible beyond onBeforeMount in the Composition API of Vue 3

Reading a Json file with keys in puppeteer BDD: A Guide

Develop a JSON object with a unique format by combining elements from two separate arrays using JavaScript

Exploring the interplay between jQuery functions and the "Class" method in Javascript