AJAX 和Jquery尝试在不刷新页面或URL更新的情况下提交表单(SHOPIFY)

hc2pp10m  于 2023-01-30  发布在  jQuery
关注(0)|答案(1)|浏览(144)

AJAX 和Jquery试图让表单在不刷新页面或URL更新的情况下提交(SHOPIFY)让我知道是否有人遇到了同样的问题,正在寻找解决方案:)任何帮助。
无论我做什么,它都会导致刷新,URL会转到quiz-page?customer_posted=true并刷新页面。
在回答问题之后,所述网站页面是https://ca.viasox.com/pages/quiz-page
超文本标记语言

<form method="post"  action="/contact"  id="contact_form_quiz-compression" accept-charset="UTF-8" class="newsletter-form-quiz">
                 <input type="hidden" name="form_type" value="customer">
                 <input type="hidden" name="utf8" value="✓">
              <input type="hidden" name="contact[tags]" value="Compression">
              <div class="newsletter-form__field-wrapper">
                <div class="field">
                  <input
                    id="NewsletterForm-Quiz--{{ section.id }}"
                    type="email"
                    name="contact[email]"
                    class="field__input-Quiz"
                    value="{{ form.email }}"
                    aria-required="true"
                    autocorrect="off"
                    autocapitalize="off"
                    autocomplete="email"
                    placeholder="{{ 'newsletter.label' | t }}"
                    required
                  > </input>
                  
                       <div class="quiz-result"><span>
                  <input type="submit" class="newsletter-form__button-quiz field__button-quiz button"  name="commit-quiz" id="Subscribe-quiz2" aria-label="{{ 'newsletter.button_label' | t }}" value="View Results" >
                    
                  </input></span> </div>
                  
                </div>
               </div>
         </form>

AJAX

$(document).ready(function(){
    var form2 = $('#contact_form_quiz-compression'),
    // Success function
   
    
   $("#contact_form_quiz-compression").submit(function(e){
    
        e.preventDefault();
        
        $.ajax({
            type: "POST",
            url: form2.attr('action'),
          cache: false,
            data: $(this).serialize(),
             success: function(data){
                        alert("Thank's For Submitting Your Email");
                    },
        })
      
        
    });
    
});
nuypyhwy

nuypyhwy1#

不错的例子here尝试禁用谷歌资本重组。

相关问题