Javascript 成功提交表单后重定向另一页
我需要在成功提交表单后重定向另一页。我是JavaScript新手。我需要知道如何做正确的方式。通过AJAX成功提交表单后重定向到其他页面。首先,此代码在重定向到另一个页面后提交表单 我正在用php/wordpress编程 我的php代码:Javascript 成功提交表单后重定向另一页,javascript,jquery,json,ajax,Javascript,Jquery,Json,Ajax,我需要在成功提交表单后重定向另一页。我是JavaScript新手。我需要知道如何做正确的方式。通过AJAX成功提交表单后重定向到其他页面。首先,此代码在重定向到另一个页面后提交表单 我正在用php/wordpress编程 我的php代码: <form id="alecaddd-testimonial-form" action="#" method="post" data-url="<?php echo admin_url('admin-ajax.php'); ?>">
<form id="alecaddd-testimonial-form" action="#" method="post" data-url="<?php echo admin_url('admin-ajax.php'); ?>">
<div class="field-container">
<input type="text" class="field-input" placeholder="Adult" id="name" name="name" required>
<small class="field-msg error" data-error="invalidName">Your Name is Required</small>
</div>
<div class="field-container">
<input type="text" class="field-input" placeholder="infant" id="infant" name="infant" required>
<small class="field-msg error" data-error="invalidName">Your Name is Required</small>
</div>
<div class="field-container">
<input type="email" class="field-input" placeholder="Child" id="email" name="email" required>
<small class="field-msg error" data-error="invalidEmail">The Email address is not valid</small>
</div>
<div class="field-container">
<input type="date" class="field-input" placeholder="date" id="date" name="date" required>
<small class="field-msg error" data-error="invalidEmail">The Email address is not valid</small>
</div>
<div class="field-container">
<textarea name="message" id="message" class="field-input" placeholder="Your Message" required></textarea>
<small class="field-msg error" data-error="invalidMessage">A Message is Required</small>
</div>
<div class="field-container">
<div>
<a href="order.php?id=102" class="btn btn-success">
<button type="stubmit" class="btn btn-default btn-lg btn-sunset-form">BOOK NOW</button>
</div>
</a>
<small class="field-msg js-form-submission">Submission in process, please wait…</small>
<small class="field-msg success js-form-success">Message Successfully submitted, thank you!</small>
<small class="field-msg error js-form-error">There was a problem with the Contact Form, please try again!</small>
</div>
<input type="hidden" name="action" value="submit_testimonial">
<input type="hidden" name="nonce" value="<?php echo wp_create_nonce("testimonial-nonce") ?>">
</form>
替换标题(“位置:http://www.google.com");代码>
与:
header()
是一个PHP函数,它的意思是“在将响应发送回客户端(浏览器)之前,添加位置:
头。此头告诉chrome使用301或302状态代码重定向。PHP代码显然无法在Javascript中工作
考虑到javascript只在浏览器中出现,因此不需要设置标题。您可以告诉javascript直接将当前窗口导航到您指定的URL。您可以使用以下方法重定向页面:
通过在头部使用元标记:
<meta http-equiv="refresh" content="0;url=http://your-page-url.com" />
通过使用jQuery:
$(location).attr('href', 'http://yourPage.com/');
使用window.location.href
例如
不工作。我是否正确粘贴了此代码?**window.location.href='';**我放置了正确的代码,但我不知道确切放置位置。删除此:并放置此:window.location.href=”https://www.google.com“;
停止更改我写的内容请查看我的问题首先此代码在重定向到另一个小页面后提交表单我知道使用哪种编程语言吗?我使用php/wordpresssee进行jquery和javascript,您可以选择上面列出的任何一种;或者java,然后您可以使用actionResponse.sendRedirect(“page2.jsp”);然后,您可以在admin-ajax.php页面的成功条件内重定向标题添加标题(“位置:您的页面路径”);
<meta http-equiv="refresh" content="0;url=http://your-page-url.com" />
window.location.href = "http://your-page-url.com";
$(location).attr('href', 'http://yourPage.com/');
window.location.href = 'https://stackoverflow.com';