cancel
Showing results forย 
Search instead forย 
Did you mean:ย 

Accept Customer Angular Implementation

, I am new to authorize.net. Already integrated CreateCustomerProfile API and then retrieved the GetHostedProfilePageResponse token from authorize.net. Now I need to show the add payment form as a popup in my angular application (without redirect)


I tried the accept customer with a sample html page.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
	<script src="scripts/jquery.min.js"></script>
	<script src="scripts/bootstrap.min.js"></script>
	
</head>
<body>
	<input type="text" id="inputtoken" value="" />
	<br />
	<form method="post" action="https://test.authorize.net/customer/addPayment" id="formAuthorizeNetTestPage" name="formAuthorizeNetTestPage">
		<input type="hidden" id="redirectToken" name="token" value="Hosted_Profile_Page_Response_Token" />
		<input type="button" onclick="document.getElementById('formAuthorizeNetTestPage').submit();" text="Manage my payment and shipping information"/>
	</form>
</body>
</html>

And this is working as expected. In my actual use case, I am using angular as client side. And I want to show the add payment page as a pop-up. Do we have any docs related to the implementation in angular?

maheshoa
Member
0 REPLIES 0