2012-09-11 28 views
0

我正在重新設計我的網站上的3頁表單。使用ajax從一步發送數據到下一步的3步表格

目前

  1. 第1頁從用戶獲得了一些初始數據,並通過POST提交給第2頁
  2. 第2頁使用該數據僅顯示基於相應的表單字段在 的初始數據,並通過POST提交到第3頁
  3. 第3頁終於捕獲聯繫信息befor e通過ajax發送 表單,以在同一個 頁面上顯示mysql查詢的結果。

我想要做的是將整個表單放在一個頁面上,每一步都被提交併且數據通過ajax發送到下一步(以及一些整齊的jQuery slideUp slideDown動作來隱藏&顯示步驟)來創建更加無縫的體驗。我找了一個資源來演示使用ajax在同一頁面上的表單之間發送數據,但我找不到任何東西,我很難過。

任何指針將非常感激!

+2

http://api.jquery.com/jQuery.ajax/ ---這就是你所需要的 – zerkms

+0

原來我思前想也不需要3個Ajax提交所有。感謝您的輸入 - 已將我的解決方案作爲答案發布 – BigRob

回答

0

所以是的,我不需要3個由Ajax提交的表單,我已經把整個頁面轉換成1個表單,並且有一個點擊事件進展到第二步,這需要完成步驟1,第3步最後用AJAX提交整個表單,完美!