将表单数据传递到重定向页面-JavaScript-jQuery

Question

             <div class="box-wrapper">
                <form method="POST" action="/cgi-bin/formmail/FormMail.pl">
                    <input type="hidden" name="recipient" value="mail123@gmail.com">
                    <input type="hidden" name="subject" value="Contact Form">
                    <input type="hidden" name="redirect" value="http://127.0.0.1/contact.html?formsubmit=success">
                    <input type="text" name="name" placeholder="Name" required="">
                    <input type="email" name="email" placeholder="Email Id" required="">
                    <input type="text" name="mobile" maxlength="10" placeholder="Mobile Number" id="number" required="">
                    <input name="service" list="services" placeholder="What service you need?" required>
                    <datalist id="services">
                        <option value="Web Design">Web Design</option>
                        <option value="Graphic Design">Graphic Design</option>
                        <option value="UI/UX Design">UI/UX Design</option>
                        <option value="Digita Marketing">Digital Mareketing</option>
                        <option value="Others">Others</option>
                    </datalist>
                    <textarea placeholder="Additonal detail" name="details" required=""></textarea>
                    <button type="submit" name="submit" id="submit-btn" onclick="thanksMsg()"><i class="fa fa-send"></i></button>
                </form>
                <div id="thanksmsg"></div>
            </div>

这是我的html代码。提交后，我会将表单数据传递到我的邮件中。 并重定向到“ http://127.0.0.1/contact.html?formsubmit=success ”。 在此页面上，我感谢使用jQuery的msg。

<script type="text/javascript">
    $(document).ready(function(){
        var url = window.location.href;
        var text = $('#form').find('input[name="name"]').val();
        if(url == 'http://127.0.0.1:8887/contact.html?formsubmit=success'){
            var name = $('#form').find('input[name="name"]').val();
            $('#thanksmsg').append('<p>Hi'+text+', Thanks for reaching us out. <br>We will get back to you shortly 😉</p><div><a class="cta-btn">Back to home</a><a class="cta-btn">View our Portfolio<a></div>');
            $('form').css('display', 'none');
        }
    }); 
</script>

在这里，感谢味精我想显示在输入字段中输入的名称。 但随着它被重定向，它不会出现。 如何显示名称？

Answer 1

尝试使用Cookie。 在提交表单时，编写类似$.cookie('name', name) 。 要恢复健康，请致电$.cookie('name') 。 我不确定它是否会工作，因为在某些情况下会删除Cookie，但很容易尝试。