表單提交後加載消息+重定向

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 

     }