使用 ajax 提交表单但重定向到另一个页面

Question

如果我想在表单提交时（a）执行某个 php 文件（url-a），我应该在 html 和 jquery 中使用什么； (b) 重定向到另一个。(url-b)

我目前实现了 jquery 表单插件。 http://jquery.malsup.com/form/#getting-started

像这样：

步骤a。包括 jquery 和表单插件脚本；

步骤 b。在 html 中，在表单元素中：

      <form action="url-a.php">
          <!--form code inserted here including input elements, etc and submit-->
      </form>

步骤c。在 js 里面，document ready:

      $('#form').ajaxForm(function() { 
           $.post("url-a.php", {a: a, b: b});
      }); 

是否应该更改这些 url 链接之一？假设 url-a 是 ajax 应该处理的，我想重定向到 url-b ..

谢谢！

Answer 1

$('#form').ajaxForm(function() { 
  $.post("url-a.php", {a: a, b: b});
  window.location.href="/url-b.php";
});

Answer 2

如果您希望页面重定向，那么您为什么希望它提交ajaxly 任何在成功处理程序中您可以重定向到页面的方式

 $.post("url-a.php", {a: a, b: b},function(){
   window.location.href="/page/to/redirect.php";
 });

Answer 3

在$.post(..) 的“完成”功能中，您应该更改浏览器的位置。您不能将服务器端重定向与 ajax 一起使用。

 $.post("url-a.php", {a: a, b: b},function(){
      window.location.href="/url-b.php";
 });

如果您想在 ajax 完成之前重定向，这是可能的，但很难。例如，我不知道如何在 PHP 中做到这一点。问题是，如果您立即重定向（再次应该通过 javascript 完成），那么请求就会从客户端中止。如果请求被中止，服务器也会中止它。有时可以在服务器上启动一个与请求线程分开的新线程，但如果请求在完全到达服务器之前被中止，则一切都会失败。

一般来说，您不应该这样做 - 这是一种错误的方法。要么不重定向，要么不在前一页启动 ajax 请求 - 在新页面加载后立即启动它。

更新：我看到您的 ajax 请求需要运行一个小时 - 这不会发生 - 浏览器将超时。在您确认确实需要一小时后，check this 用于异步 php 任务。可以从第2页的$(document).ready(function() {..});开始