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");
},
})
});
});
1条答案
按热度按时间nuypyhwy1#
不错的例子here尝试禁用谷歌资本重组。