I am trying to test the new accept.js solution. I am copying/pasting the example code. I am just trying to log the results to the console, at this point.
However, when I load the page in FF or Chrome, I get the following error:
Chrome: Accept.js:1 Uncaught SyntaxError: Invalid or unexpected token
FireFox: SyntaxError: illegal character
| ...4>s;s++){var t=q+g.Σ1(n)+g.Ch(n,o,p)+b[s]+r[s],u=g.Σ0(j)+g.Maj(j,k,l);q=p,p=o |
Here is the code from the page I'm testing (of course I put my key/api login):
<!DOCTYPE HTML>
<html>
<head>
<title>Auth.net Accept.js</title>
<script type="text/javascript" src="https://jstest.authorize.net/v1/Accept.js"></script>
<script type="text/javascript">
function sendPaymentDataToAnet() {
var secureData = {}, authData = {}, cardData = {};
cardData.cardNumber = document.getElementById('CARDNUMBER_ID').value;
cardData.month = document.getElementById('EXPIRY_MONTH_ID').value;
cardData.year = document.getElementById('EXPIRY_YEAR_ID').value;
secureData.cardData = cardData;
authData.clientKey = 'my_client_key';
authData.apiLoginID = 'my_api_login';
secureData.authData = authData;
Accept.dispatchData(secureData, 'responseHandler');
}
function responseHandler(response) {
if (response.messages.resultCode === 'Error') {
for (var i = 0; i < response.messages.message.length; i++) {
console.log(response.messages.message[i].code + ':' + response.messages.message[i].text);
}
alert('acceptJS library error!');
}
else {
postBackToMyServer(response.opaqueData);
console.log(response.opaque.Data);
}
}
</script>
</head>
<body>
<form>
CC#: <input type="text" id="CARDNUMBER_ID" />
MM: <input type="text" id="EXPIRY_MONTH_ID" />
YY: <input type="text" id="EXPIRY_YEAR_ID" />
<button type="submit" onclick="sendPaymentDataToAnet()">Pay</button>
</form>
</body>
</html>
Any ideas?
Thanks,
Joe