时间戳

首页 > 解决方案 > Razorpay 未定义

php - Razorpay 未定义

问题描述

我是第一次集成支付网关。我使用网关文档找到了一些代码，代码类似于

<form action="/purchase" method="POST">
         <!--Note that the amount is in paise = 50 INR -->
        <script
            src="https://checkout.razorpay.com/v1/checkout.js"
            data-key="************"
            data-amount="100"
            data-buttontext="proceed to payment"
            data-name="test"
            data-description="Purchase Description"
            data-image="logo"
            data-prefill.name="mnbvc"
            data-prefill.email="adsdasdd"
            data-theme.color="#F37254"
        ></script>
        <input type="hidden" value="Hidden Element" name="hidden">

        </form>

如果我点击proceed to payment按钮，它就可以工作。

现在我做了什么，我更改了代码并添加了一个按钮，称为

<input type="button" id="proceedToPayment" name="proceedToPayment" value="Proceed To Payment">

如果任何用户单击该按钮，那么它将调用下面的函数，但它不起作用。在控制台中，我收到错误消息Razorpay is not defined。

$("#proceedToPayment").click(function(e){
    payeeamount = $("#totalDetails").val();
    var options = {
    "key": "*******",
    "amount":payeeamount, // 2000 paise = INR 20
    "name": "dasd",
    "description": "Purchase Description",
    "image": "logo",
    "handler": function (response){
      /*.razorpay_payment_id*/
      confirmpayment(response);
    },
    "prefill": {
      "name": "",
      "email": ""
    },
    "theme": {
      "color": "#F37254"
    }
  };
  var rzp1 = new Razorpay(options);
    rzp1.open();
    e.preventDefault();
});

function confirmpayment(response){
    response['action']='processSessionReq';
    $.ajax({
      type:"POST",
      url:"processpage.php",
      data: response,       
      success: function (data) {
        window.location = "TransactionSuccess.php";
      }
    });
  }

标签： phpjquerypayment-gatewayrazorpay

解决方案

您可以像这样添加 Razorpay 源

<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
 <script
            data-key="************"
            data-amount="100"
            data-buttontext="proceed to payment"
            data-name="test"
            data-description="Purchase Description"
            data-image="logo"
            data-prefill.name="mnbvc"
            data-prefill.email="adsdasdd"
            data-theme.color="#F37254"
        ></script>

` 然后你可以像上面一样添加剩余的包含数据的脚本标签（试一试）。

推荐阅读