将部分表格提交给单独的行动

时间:2011-05-27 13:32:21

标签: ajax forms

在我的在线商店的购物车中,我希望有一个复选框,允许人们选择加入我的简报。但是,时事通讯的电子邮件地址需要提交给单独的表单操作,而不是购物车操作。

我是否可以将表单的一部分提交给另一个操作,但仍然可以提交到购物车表单操作并呈现购物车操作带给我的任何地方?

1 个答案:

答案 0 :(得分: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();
   }
});