使用JavaScript函數return語句打開新頁面

Question

我正在嘗試建立一個使用Adyen信用卡加密的網頁。 我有一個表單，要求我提供信用卡數據，當用戶按submit它將調用JavaScript函數。 現在，我想將該頁面重定向到另一個頁面，該頁面顯示使用JavaScript函數返回的值。 我不知道是否有簡單的方法可以做到。

index.html代碼如下：

<!DOCTYPE html>
<html>

<head>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="https://my.tidal.com/assets/javascripts/chosen.jquery.min.js"></script>
    <script src="https://my.tidal.com/assets/javascripts/payment/adyen.js"></script>
    <script src="https://my.tidal.com/assets/javascripts/payment/brazil-validate.js"></script>

    <script>
        function test(name, card, expMonth, expYear, cvc) {     

            var adyenPubKey = "10001|DCDD8889161843FF0CC8D0D904168E5B4ED5B529C685413F4F8087584F507C5158551B521B9226F7C24CAE3F9FF4B5721F39D23F1E706D3F27A4680C5A2F2B4714C1530BC1EE410B503F9487AF0F047004F4F5DA2614AF3955C25C36BA3881907063742C7687D8516176AD67570A5F0DFA682AC2B7DAD055CE00A68283B77C731E35F004A1D3FE72CE3AE52C3FA8A0E8A63C8D903E00B37DA6760C8C104332FEDD762D4BA8BDB9781C5DDF7E94E0D81529A7C01A2094E8240FB3C24C1E687AD2304A4346EBD82B5DF983806F57B2E0865143C8FEE568A6915A71044A707693C51112B80E2EC665194FD1F8FE362EF1479CCF938DDACFE9BEA56B530E81D567B3";

            var options = {};

            var cseInstance = adyen.encrypt.createEncryption(adyenPubKey, options);

            var generationTime = new Date().toISOString();  

            var cardData = {
                number : card,
                cvc : cvc,
                holderName : name,
                expiryMonth : expMonth,
                expiryYear : (expYear.length === 2) ? '20' + expYear : expYear,
                generationtime : generationTime
            };

            return cseInstance.encrypt(cardData);
        }
    </script>
</head>

<body>
    <form onsubmit="return test(document.getElementById('holderName').value,document.getElementById('number').value,document.getElementById('expiryMonth').value,document.getElementById('expiryYear').value,document.getElementById('cvc').value)" method="post">
        <input type="text" name="holderName" id="holderName" required>
        <br><br>
        <input type="text" id="number" pattern="[0-9]{16}" required>
        <br><br>
        <input type="text" id="expiryMonth" pattern="[0-9]{2}" required>
        <input type="text" id="expiryYear" pattern="[0-9]{4}" required>
        <br><br>
        <input type="text" id="cvc" pattern="[0-9]{3}" required>
        <br><br>
        <input type="submit" value="Enviar">
    </form> 
</body>

</html>

Answer 1

我不確定您的特定用例-但是如果您想重定向到新頁面（或從服務器請求新頁面）並讓任何信息結轉到新頁面上-您必須將數據發送到服務器。 然后，服務器可以只發送回您要顯示的特定信息。 （只要考慮到數據的性質，請確保使用HTTPS）。

如果這是一個單頁面的應用程序，那么您可以簡單地隱藏表單並在當前頁面上加載下一個“屏幕”。 這樣，您可以重復使用表單中的內存結果。 只需將其存儲在可訪問范圍的變量中即可。

另一個選擇可能是使用本地存儲，但是考慮到這是敏感的信用卡信息，我建議您不要這樣做-是否加密。

使用JavaScript函數return語句打開新頁面

問題描述

1 個解決方案

解決方案1
0 2018-04-01 18:13:18

使用JavaScript函數return語句打開新頁面

問題描述

1 個解決方案

解決方案1 0 2018-04-01 18:13:18

解決方案1
0 2018-04-01 18:13:18