表单提交后加载消息+重定向

Question

我有一个表格，其中包含唯一的<input type="text">。我调用了一个php文件，但是我做了很多检查（检查文件是否存在，我调用了很多API ......），所以结果很长。

因此，我正在寻找一个脚本（jQuery的，阿贾克斯，....）做很多事情：

1. 的形式提交，并php文件被称为
2. 显示待定/加载消息（或进度）
3. 将用户重定向到一个新的页面时，所有的PHP是做

我搜索的所有github上的目录，但没有成功。

如何做到这一点？有没有一个插件做到这一点？

一个类似的例子：http://www.statduck.com/

Answer 1

使用jQuery：

$.post(url, {FormData: $('#TheFormTagID').serialize()}, 
     function(data, textStatus, jqXHR) 
     {     
      alert(data); //will alert "Something" 
      window.location.href = "your new page"; 
     }, 
     "json") 
    .fail(function(jqXHR, textStatus, errorThrown) 
     { 
      alert("Error: " + textStatus); 
     }); 

在PHP中只需使用：$_POST["FormData"]获取表单变量，并在PHP脚本echo "Something";年底拿到导致的JavaScript。

也许一些有用的东西：link

编辑：

比方说，这是PHP：

//Save file 
//do something other 
$result = new stdClass(); 
$result->ID = 5; 
$result->FileName = "Test.jpg"; 
echo json_encode($result); 
?> 

然后在Javascript function(data, textStatus, jqXHR)使用这个值是这样的：

function(data, textStatus, jqXHR) 
     {     
      alert(data.ID); //will alert 5 
      alert(data.FileNa,e); //will alert Test.jpg 

     }