将 PHP 页面中的 JSON 数据作为 Javascript 变量传递

Question

在 PayPal Checkout Express（客户端）javascript 的中间，我需要使用 AJAX 来调用 PHP 页面的输出，但我有点卡住了。

PHP 页面：

$data = array('retid' => $username);
header('Content-Type: application/json');
echo json_encode($data);

现在在另一个 javascript 页面中，我只想通过 AJAX 将 PHP 变量 $username 捕获为 javascript 变量。

<?php
$IDToPassPlus = ($id.'&retid=');
?>


<script>

//It's the inclusion of this part, which tries to get the "retid" js variable, that stops the script from rendering the Paypal button:
$.ajax({
type: 'POST',
url: 'test-call.php',
dataType: 'json',
success: function(response) {
var retid = response.data.retid; 
},
});


paypal.Button.render({
env: 'sandbox',

client: {
sandbox:    'xxxxx',
production: 'xxxxx'
},

commit: true,

style: {
layout: 'vertical',
size:   'responsive',
shape:  'rect',
color:  'gold'
},

payment: function(data, actions) {
return actions.payment.create({
payment: {
transactions: [
{
amount: { total: '0.99', currency: 'GBP' }
}
],
redirect_urls: {
'cancel_url': 'pay-return-cancel.php?id=<?php echo $IDToPassPlus; ?>'+retid
}
}
});
},


onAuthorize: function(data, actions, error) {
return actions.payment.execute().then(function() {
window.alert('Payment Complete!');
window.location.replace('test-return.php?id=<?php echo $IDToPassPlus; ?>'+retid);
if (error === 'INSTRUMENT_DECLINED') {
actions.restart();
}
});
},

onCancel: function(data, actions) {
return actions.redirect();
},

onError: function(err) {
window.location.replace('pay-return-error.php?id=<?php echo $id; ?>'+retid);
}

}, '#paypal-button');


</script>

没有贡献者的 AJAX 建议，该按钮可以完美运行。但我试图通过 AJAX 从 PHP 页面传递一个变量，以将其添加到重定向中。

Answer 1

可以在页内 javascript 上使用

<script>
var js_var = "<?php echo $php_var;?>";
//now you have php var value in javascript to use on .php page

如果这不是您想要的，请详细说明您的问题。

Answer 2

好吧，据我所知，您想通过 ajax 检索 PHP 响应，但您不知道如何进行 ajax 调用。这是您可以在 js 文件中使用的示例：

$.ajax({
               type: 'POST',
               url: 'YOUR PHP SCRIPT URL',

               dataType: 'json',//this will make it understand what datatype to expect in response
               success: function(response) {
                    var retid = response.data.retid; //here you get on successfull response
               },
             });

Answer 3

首先，阅读整个页面；它会在你作为开发人员的整个职业生涯中真正帮助你，它对我帮助很大：https://stackoverflow.com/help/mcve

然后，让我们使用从该页面获得的知识来制作 MCVE。将此放在新页面上：

$.ajax({
    type: 'POST',
    url: 'test-call.php',
    dataType: 'json',
    success: function(response) {
        var retid = response.data.retid;
        console.log(retid);
    },
});

这应该将 retid 的值打印到您的控制台。看看你的控制台。注意到任何错误，或者 retid 的值是否按预期打印？

那么，为什么我们要花时间创建一个新页面并将其放在上面呢？我们正在缩小我们的问题范围，我们试图通过创建一个 MCVE 来找出问题的确切原因。如果我们不知道是什么导致了问题，并且如果我们不能创建一个非常基本的示例来说明问题，我们将很难解决问题和/或寻求帮助.

（注意 1，当你在这里发布代码时，让你的代码“漂亮”。缩进它应该缩进；这让其他人更容易阅读。你是在要求人们抽出时间来帮助你，免费；让他们尽可能轻松地阅读和理解您的代码）

（注 2，这是一个示例，说明我遇到了一些非常非常复杂的 MySQL 交互问题。我没有发布所有复杂的代码，而是遵循 MCVE 概念：DRY - how to extract repeated code to...a stored function maybe? 并做了一些我的问题的假的、非常简化的示例。因为我这样做了，所以我能够从专家那里获得快速、简洁的答案，请注意我接受的答案来自 Stackoverflow 上得分最高的用户之一）