0

支払いゲートウェイを統合するのは初めてです。ゲートウェイ doc を使用していくつかのコードを見つけました。コードは次のようなものです

<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";
      }
    });
  }
4

2 に答える 2

1

次のように 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>

` そして、上記のように、残りのデータを含むスクリプト タグを追加できます (試してみてください)。

于 2021-07-16T08:53:27.243 に答える
0

コードに問題はありません。クリック イベントの前にチェックアウト js を追加したことを確認してください。JavaScript コードの前のスクリプト タグで「 https://checkout.razorpay.com/v1/checkout.js 」を使用します。

詳細については、https ://docs.razorpay.com/docs/checkout-form をご覧ください。

于 2019-02-04T08:54:16.710 に答える