Невозможно опубликовать с помощью функции отправки формы JS - PullRequest
Новая
       20

Невозможно опубликовать с помощью функции отправки формы JS

0 голосов
/ 27 июня 2018

На этой веб-странице у меня есть видимая форма с кнопкой отправки, называемая формой A. У нее есть действие публикации.

<form name="payFormCcard" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">

Я хочу создать невидимую форму, которая извлекает некоторые данные из формы A методом скрытой кнопки ввода. Он автоматически выполняет форму и отправляет ее в другое место с помощью JS.

Тем не менее, он работает и отправляет в соответствующее место, если я добавлю настоящую кнопку. 

 <input type="submit" name="submission_button" value="Click here if the site is taking too long to redirect!">

Вот мой код (без реальной кнопки): 

   <form name="A"  action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">  <== first visable form 
    .....
    //invisible table
      <form name="payForm" method="post" action=" https://test.paydollar.com/b2cDemo/eng/payment/payForm.jsp">

      <input type="hidden" name="merchantId" value="sth">
    <input type="hidden" name="amount" value="</?php echo $input_amount; ?>" >

    <input type="hidden" name="orderRef" value="<?php  date_default_timezone_set("Asia/Taipei");  $date = date('m/d/Y h:i:s a', time()); echo $date ; ?>">
    <input type="hidden" name="currCode" value="sth" >
    <input type="hidden" name="mpsMode" value="sth" >
    <input type="hidden" name="successUrl" value="http://www.yourdomain.com/Success.html">
    <input type="hidden" name="failUrl" value="http://www.yourdomain.com/Fail.html">
    <input type="hidden" name="cancelUrl" value="http://www.yourdomain.com/Cancel.html">
   ...

    <!--     <input type="submit" name="submission_button" value="Click here if the site is taking too long to redirect!">-->
    </form>

    <script type="text/javascript">
        //Our form submission function.
        function submitForm() {
            document.getElementById('payForm').submit();
        }
        //Call the function submitForm() as soon as the page has loaded.
        window.onload = submitForm;

    </script>

1 Ответ

0 голосов
/ 27 июня 2018

Вы должны использовать DOMContentLoaded вместо load , чтобы гарантировать успешную загрузку элементов DOM.

Попробуйте сделать что-то вроде ниже: 

<script type="text/javascript">
    //Our form submission function.
    function submitForm() {
        document.getElementById('payForm').submit();
    }
    //Call the function submitForm() as soon as the document has loaded.

    document.addEventListener("DOMContentLoaded", function(event) {
        submitForm();
    });

</script>
...