Can't get paypal smart button to accept php value - paypal

Question

I am trying to create a paypal smart button in my php script. I am unable to get values from my php script to the javascript code in the json object. I tried echoing the php directly into the javascript but that didn't work. I tried using the Jquery but that didn't work. Can anyone help me? here is my code:
I tried using Jquery and directly echoing my php into the json object but neither of them worked.
var valueNumber = $("#grandTotal").html();
valueNumberArray = valueNumber.split(">")
valueNumberArray[1] = "'"+valueNumberArray[1]+"'";
alert(valueNumberArray[1]);
paypal.Buttons({
createOrder: function(data, actions) {
return actions.order.create({
purchase_units: [{
amount: {
value: valueNumberArray[1]
}
}]
});//insert JSON above this line
},
onApprove: function(data, actions) {
return actions.order.capture().then(function(details) {
alert('Transaction completed by ' + details.payer.name.given_name);
// Call your server to save the transaction
return fetch('/BurgerJoint/GetOrder.php', {
method: 'post',
headers: {
'content-type': 'application/json'
},
body: JSON.stringify({
orderID: data.orderID
})
});
});
}
}).render('#paypal-button-container');

Answer 1

Please save your file with .php extension. You can assign php value into js variable and pass it to PayPal. I have attached sample code below: I am passing amount value from php variable.`<script>
var total_price= '<?php echo $total_price; ?>';
paypal.Buttons({
createOrder: function(data, actions) {
return actions.order.create({
purchase_units: [{
amount: {
value: total_price
}
}]
});//insert JSON above this line
},
onApprove: function(data, actions) {
return actions.order.capture().then(function(details) {
alert('Transaction completed by ' + details.payer.name.given_name);
// Call your server to save the transaction
return fetch('/BurgerJoint/GetOrder.php', {
method: 'post',
headers: {
'content-type': 'application/json'
},
body: JSON.stringify({
orderID: data.orderID
})
});
});
}
}).render('#paypal-button-container');
</script>`