如何在页面打开后立即运行 function，无需单击按钮

Question

所以今天我开始学习 razor 支付网关集成，我想为其创建一个 web 挂钩，可用于触发脚本并通过请求应用程序方法从任何平台（如 ZC31B32364CE19CA8FCD150A417ECCE5Z）获取付款

<?php
$amount = $_GET['amount'];
$key = $_GET['apiKey'];
$currency = $_GET['currency'];
$orgName = $_GET['organisation'];
$description = $_GET['purpose'];
$logoLink = $_GET['logo'];
$amount="50";

//End Point URL : https://www.url.com/RazorPay/index.php?amount=100&apiKey=TestAPi&currency=INR&organisation=Cloudsheets&description=Testpayment&logo=LogoUrl_Here

?>
<button id="rzp-button1">Pay</button>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script>
var options = {
    "key": <?php echo "$key";?>,
    "amount": <?php echo "$amount";?>, 
    "currency": <?php echo "$currency";?>, 
    "name": <?php echo "$orgName";?>, 
    "description": <?php echo "$description";?>, 
    "image": <?php echo "$logoLink";?>, 
    "handler": function (response){
       console.log(response);
        rzp1.open();
    e.preventDefault();
    }
};
var rzp1 = new Razorpay(options);
document.getElementById('rzp-button1').onclick = function(e){
    rzp1.open();
    e.preventDefault();
}
</script>

问题，很明显，在单击按钮时，它正在运行 function，我的问题是，一旦有人点击 Z572D4E421E5E6B9BC11D815E8A0271，我该如何触发 function，并希望尽快删除此按钮，发出请求，它应该从 url 获取参数并启动支付。

请指导我如何做到这一点。

非常感谢您宝贵的时间

问候

更新代码{带有 onload 功能}：

<?php
$amount = $_GET['amount'];
$key = $_GET['apiKey'];
$currency = $_GET['currency'];
$orgName = $_GET['organisation'];
$description = $_GET['purpose'];
$logoLink = $_GET['logo'];
$amount="50";

//End Point URL : https://www.url.com/RazorPay/index.php?amount=100&apiKey=TestAPi&currency=INR&organisation=Cloudsheets&description=Testpayment&logo=LogoUrl_Here

?>
<!--button id="rzp-button1">Pay</button-->

<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<body onload="rzp1.open()">
<script>
var options = {
    "key": <?php echo "$key";?>,
    "amount": <?php echo "$amount";?>, 
    "currency": <?php echo "$currency";?>, 
    "name": <?php echo "$orgName";?>, 
    "description": <?php echo "$description";?>, 
    "image": <?php echo "$logoLink";?>, 
    "handler": function (response){
       console.log(response);
        rzp1.open();
    e.preventDefault();
    }
};
var rzp1 = new Razorpay(options);
document.getElementById('rzp-button1').onclick = function(e){
    rzp1.open();
    e.preventDefault();
}
</script>

Answer 1

所以今天我开始学习 razor 支付网关集成，我想为其创建一个 web 挂钩，可用于触发脚本并通过请求应用程序方法从任何平台（如 ZC31B32364CE19CA8FCD150A417ECCE5Z）获取付款

<?php
$amount = $_GET['amount'];
$key = $_GET['apiKey'];
$currency = $_GET['currency'];
$orgName = $_GET['organisation'];
$description = $_GET['purpose'];
$logoLink = $_GET['logo'];
$amount="50";

//End Point URL : https://www.url.com/RazorPay/index.php?amount=100&apiKey=TestAPi&currency=INR&organisation=Cloudsheets&description=Testpayment&logo=LogoUrl_Here

?>
<button id="rzp-button1">Pay</button>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script>
var options = {
    "key": <?php echo "$key";?>,
    "amount": <?php echo "$amount";?>, 
    "currency": <?php echo "$currency";?>, 
    "name": <?php echo "$orgName";?>, 
    "description": <?php echo "$description";?>, 
    "image": <?php echo "$logoLink";?>, 
    "handler": function (response){
       console.log(response);
        rzp1.open();
    e.preventDefault();
    }
};
var rzp1 = new Razorpay(options);
document.getElementById('rzp-button1').onclick = function(e){
    rzp1.open();
    e.preventDefault();
}
</script>

问题，很明显，在单击按钮时，它正在运行 function，我的问题是，一旦有人点击 Z572D4E421E5E6B9BC11D815E8A0271，我该如何触发 function，并希望尽快删除此按钮，发出请求，它应该从 url 获取参数并启动支付。

请指导我如何做到这一点。

非常感谢您宝贵的时间

问候

更新代码{带有 onload 功能}：

<?php
$amount = $_GET['amount'];
$key = $_GET['apiKey'];
$currency = $_GET['currency'];
$orgName = $_GET['organisation'];
$description = $_GET['purpose'];
$logoLink = $_GET['logo'];
$amount="50";

//End Point URL : https://www.url.com/RazorPay/index.php?amount=100&apiKey=TestAPi&currency=INR&organisation=Cloudsheets&description=Testpayment&logo=LogoUrl_Here

?>
<!--button id="rzp-button1">Pay</button-->

<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<body onload="rzp1.open()">
<script>
var options = {
    "key": <?php echo "$key";?>,
    "amount": <?php echo "$amount";?>, 
    "currency": <?php echo "$currency";?>, 
    "name": <?php echo "$orgName";?>, 
    "description": <?php echo "$description";?>, 
    "image": <?php echo "$logoLink";?>, 
    "handler": function (response){
       console.log(response);
        rzp1.open();
    e.preventDefault();
    }
};
var rzp1 = new Razorpay(options);
document.getElementById('rzp-button1').onclick = function(e){
    rzp1.open();
    e.preventDefault();
}
</script>

如何在页面打开后立即运行 function，无需单击按钮

问题描述

1 个解决方案

解决方案1
0 2021-03-02 17:11:12

如何在页面打开后立即运行 function，无需单击按钮

问题描述

1 个解决方案

解决方案1 0 2021-03-02 17:11:12

解决方案1
0 2021-03-02 17:11:12