亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

RazorPay表單在頁面加載時自動加載,而無需單擊“立即付款”按鈕

RazorPay表單在頁面加載時自動加載,而無需單擊“立即付款”按鈕

Cats萌萌 2022-09-23 14:54:56
我正在嘗試將Razorpay集成到我的應用程序中。下面是一個代碼,用于控制單擊“立即付款”按鈕時加載付款模型。我想使頁面加載上的模式加載而不是按鈕單擊。我嘗試通過javascript提交表單,看看是否加載了模式,但這不起作用。代碼如下:<form action="verify.php" method="POST" id="gateway">  <script    src="https://checkout.razorpay.com/v1/checkout.js"    data-key="<?php echo $data['key']?>"    data-amount="<?php echo $data['amount']?>"    data-currency="INR"    data-name="<?php echo $data['name']?>"    data-image="<?php echo $data['image']?>"    data-description="<?php echo $data['description']?>"    data-prefill.name="<?php echo $data['prefill']['name']?>"    data-prefill.email="<?php echo $data['prefill']['email']?>"    data-prefill.contact="<?php echo $data['prefill']['contact']?>"    data-notes.shopping_order_id="3456"    data-order_id="<?php echo $data['order_id']?>"    <?php if ($displayCurrency !== 'INR') { ?> data-display_amount="<?php echo $data['display_amount']?>" <?php } ?>    <?php if ($displayCurrency !== 'INR') { ?> data-display_currency="<?php echo $data['display_currency']?>" <?php } ?>  >    document.getElementById("gateway").submit(); // Not working  </script>  <!-- Any extra fields to be submitted with the form but not sent to Razorpay -->  <input type="hidden" name="shopping_order_id" value="3456"></form>但是,我也注意到表單操作到頁面,因此如果表單提交,它將轉到我只想加載付款模式的頁面。因此,我所嘗試的不可能是解決方案。verify.php
查看完整描述

3 回答

?
慕蓋茨4494581

TA貢獻1850條經驗 獲得超11個贊

我找到了解決方案。發布,因為它可能對將來的某個人有所幫助:


在開始元素之后放置此位置:razorpay/checkout/automatic.php (or manual.php)<form>


<script>

  $(window).on('load', function() {

    $('.razorpay-payment-button').click();

  });

</script>


查看完整回答
反對 回復 2022-09-23
?
慕運維8079593

TA貢獻1876條經驗 獲得超5個贊

將 onload 事件附加到腳本并在處理程序中模擬單擊


<script>

  function loadPaymentModal() {

    const elem = document.getElementsByClassName('razorpay-payment-button')[0];

    elem.click();

  }

</script>

<form action="verify.php" method="POST" id="gateway">

  <script onLoad="loadPaymentModal()" src="https://checkout.razorpay.com/v1/checkout.js"

    data-key="<?php echo $data['key']?>" 

    data-amount="<?php echo $data['amount']?>" 

    data-currency="INR"

    data-name="<?php echo $data['name']?>"

    data-image="<?php echo $data['image']?>"

    data-description="<?php echo $data['description']?>" 

    data-prefill.name="<?php echo $data['prefill']['name']?>"

    data-prefill.email="<?php echo $data['prefill']['email']?>"

    data-prefill.contact="<?php echo $data['prefill']['contact']?>" 

    data-notes.shopping_order_id="3456"

    data-order_id="<?php echo $data['order_id']?>"

    <?php if ($displayCurrency !=='INR' ) { ?> data - display_amount="<?php echo $data['display_amount']?>" <? php } ?>

    <? php if ($displayCurrency !== 'INR') { ?> data - display_currency="<?php echo $data['display_currency']?>" <? php } ?>

  >

    </script>

  <!-- Any extra fields to be submitted with the form but not sent to Razorpay -->

  <input type="hidden" name="shopping_order_id" value="3456">

</form>


查看完整回答
反對 回復 2022-09-23
?
犯罪嫌疑人X

TA貢獻2080條經驗 獲得超4個贊

<script src="{{url('/')}}/frontendtheme/js/plugins/jquery-3.3.1.min.js"></script>

<script>

    $(window).on('load', function() {

        jQuery('#gateway').submit();

    });

</script>

注意:在腳本源上使用最小.js文件夾


查看完整回答
反對 回復 2022-09-23
  • 3 回答
  • 0 關注
  • 104 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號