2011-05-27 77 views
0

在我的網上商店的購物車中,我希望有一個複選框允許用戶選擇加入我的通訊。但是,通訊的電子郵件地址需要提交給單獨的表單操作,而不是購物車操作。將表格的部分提交給單獨的操作

我可以將表格的一部分提交給另一個操作,但仍然可以提交到購物車窗體操作並呈現購物車操作需要我的地方嗎?

+0

你使用jQuery? – LeftyX 2011-05-27 13:55:37

+0

是的,我正在使用jQuery。 – Marc 2011-05-27 13:59:25

+0

...你使用MVC,它似乎?! – LeftyX 2011-05-27 14:03:25

回答

0

您可以使用jQuery發表您的數據:

這第一個Ajax調用會提交到您的購物車的行動:

function SubmitCart() 
{ 
    $.ajax({ 
     type: 'POST', 
     url: 'cart action url', 
     data: { data1: $('#data1').val(), data2: $('#data2').val(), data3: $('#data3').val() }, 
     dataType: 'json', 
     complete: function(XMLHttpRequest, textStatus) { 
      // Action completed. 
     } 
    }); 
} 

這兒的另位將提交給你的通訊操作:

function SubmitNewsletter() 
{ 
    $.ajax({ 
     type: 'POST', 
     url: 'newsletter action url', 
     data: { email: $('#email_fields').val() }, 
     dataType: 'json', 
     complete: function(XMLHttpRequest, textStatus) { 
      // Action completed. 
     } 
    }); 
} 

現在,你會有一個提交按鈕:

<input type="button" id="sumit_all" name="sumit_all" value="send" /> 
<input type="checkbox" id="subscribeNewsletter" name="subscribeNewsletter" /> 

和jQuery腳本:

$("sumit_all").click(function() { 
    SubmitCart(); 
    if ($('#subscribeNewsletter').is(':checked')) 
    { 
     SubmitNewsletter(); 
    } 
}); 
+0

這看起來不錯,很簡單。那麼購物車表單是否仍然會提交它? – Marc 2011-05-27 14:10:02

+0

這是一個ajax提交。您決定將哪個字段添加到提交流程中。你沒有真正的回傳。 – LeftyX 2011-05-27 14:12:46

+0

是的。我明白那個。但是我希望購物車仍然可以處理表格的其餘部分,並將它們帶到結帳過程的下一步。我將如何正確實施這個形式?謝謝! – Marc 2011-05-27 14:54:37