2012-04-16 27 views
0

我一直在看http://jsfiddle.net/xSkgH/89/這個多階段表單,只是想知道使用.load方法提交表單的最佳方式。使用.load方法提交多階段表格

我到目前爲止一直在嘗試這樣的:

<script type="text/javascript"> 
$(document).ready(function() { 
$("#last-step").hide(300).show(300).$load("resources/process.php", 
$("#task5_booking").serialize()); 
} 
</script> 

但它似乎並不奏效。任何提示?

在此先感謝!

回答

1

你的代碼很少有拼寫錯誤。

  • $與前面的發言
  • 發送帶有錯誤的方式串行數據POST請求.POST鏈。

更新你這樣的代碼

$("#last-step").hide(300).show(300); 
$.post(
    "resources/process.php", 
    { data: $("#task5_booking").serialize() } 
); 
+0

最後一個逗號可能給問題 – chepe263 2012-04-16 22:38:54

+0

@ chepe263,很真實......我還是編輯 – Starx 2012-04-16 22:40:18

+0

'<腳本類型= 「文/ JavaScript的」> $(文件)。就緒(函數(){ $ ( 「#last-step」)。hide(300).show(300); $ .load( 「resources/process.php」, {data:$(「#task5_booking」)。serialize()} ) ; } '我有這個,並不斷收到錯誤 – methuselah 2012-04-16 22:49:09

0
$(function(){ 
$("#last-step").hide(300,function(){ 
    $.post("resources/process.php", { data : $("#task5_booking").serialize()} ,function(result){ 
     $("#last-step").html(result).fadeIn(500); 
    }); 
}); 
}); 

這最初將隱藏的最後一步DIV,然後提交jQuery的崗位,一旦它得到的結果其結果設置爲DIV和適用fadeIn的效果。

0

如果要通過load()發送POST,請使用serializeArray()而不是serialize()

serialize()返回一個字符串,而serializeArray返回一個對象。 load()如果數據是對象,則發送POST請求。如果數據是字符串,則load()發送一個GET。