Question

我有一个表格，但我想显示文字：感谢您的订阅棘手的事情，我将在GTM中将其用作模式窗口

我从这里开始提出各种想法，但是注意到它应该起作用。

我正在使用method =“ GET”

<style>some CSS</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){`
   var user = 'value1'
   var locale = 'value2'
  $('body').prepend('`
<div class="modaloverlay">
<div class="emailpopup">
<div id="popup" class="popup">
<form id="contact-form" action="https://provider.net/list/forms_preview/?1231231231232" method="get" >
<fieldset id="builder_preview" class="rows labels-full inputs-full" >  ... Content with field and two hiden fields  ... <input type="submit" class="submit" value="Submit" />
<input type="reset" value="Reset" />
</li></ul></fieldset></form></div>
<a class="closebutton" style="color:black;" href="#">×</a></div></div>');

提交后，我想显示“谢谢”文本，而不是重定向或联系表格。目前，它正在重定向到操作网址

我无法在操作网址中编辑任何内容我必须使用GET方法

我正在尝试通过此链接进行所有操作：How to submit html form without redirection?

Answer 1

所以我想我已经拥有了，

我将url添加为变量。

并添加以下内容：

$('#contact-form').submit(function(e){
    e.preventDefault();
    $.ajax({
        url:url,
        type:'GET',
        data:$('#contact-form').serialize(),
        success:function(){
          /* start */
          alert("Hello! I am an alert box!!");
            //whatever you wanna do after the form is successfully submitted
        }
    });
});`

如何在不重定向的情况下提交操作GET html表单？

1 个答案: