使用Ajax/jQuery同時發佈兩種表單

我有一個發佈到post.php的表單和一個發佈到PayPal的表單。我希望這樣，當我點擊貝寶提交按鈕時，它會發布這兩個表單，然後轉到貝寶按鈕所需的頁面。使用Ajax/jQuery同時發佈兩種表單

但是，我遇到了這堵牆，我不知道是什麼原因。表單進入PayPal頁面，但不張貼我的其他非PayPal表單。

這裏是我的JS：http://slexy.org/view/s2u2Jsr2RI

這裏是我的HTML：http://slexy.org/view/s2gc4q8CHe

這裏是我的post.php中：http://slexy.org/view/s208WfbKso

這裏是jQuery的的，我認爲是問題的根線：

$('#paypalButton').click(function(){ 
    $.post('post.php', $('#myForm').serialize(), function(){ 
       $('#paypal').submit(); 
    }); 
});

來源

2011-01-27 AKor

jQuery的序列化方法可能不起作用，因爲你的窗體（「myForm」）在語義上是不正確的？ – CronosS 2011-01-27 17:59:43

貝寶表單首先被提交，因爲您的輸入字段爲type="image"。這起到提交按鈕的作用

來源

2011-01-27 18:07:49

只是想補充一點：您可以在jQuery中覆蓋該PayPal表單的提交處理程序，然後執行您的第一篇文章（然後提交PayPal表單），或將輸入字段更改爲處理點擊的按鈕（並且您必須處理圖像顯示不同） – 2011-01-27 18:16:33

這是有效的：只是防止事件發佈表單的默認操作。

$(function(){ 
    $('#paypalButton').click(function(**event**){ 
     **event.preventDefault();** 
     $.post('post.php', $('#myForm').serialize(), function(){ 
       $('#paypal').submit(); 
     }); 
    }); 
});

來源

2011-06-08 19:25:33 CheezWeezil

嗨CheezWeezil，歡迎來到StackOverflow。您可以在每行上使用4個空格或WYSWYG編輯器中的{}縮進代碼（或其他可引用內容）。保持可讀性。 – Matt 2011-06-08 19:34:23

使用Ajax/jQuery同時發佈兩種表單

回答

相關問題