Javascript 用于提交表单的jQuery插件

我在asp Classic中有一个这样的表单

<form method="post" name="AddItemForm" id="AddItemForm" action="/files/includes/CartControl.asp" style="display:inline;"> 

//一堆隐藏的字段

然后单击“提交”按钮

表单的操作获取所有隐藏字段，然后在处理这些字段后，将用户重定向到购物车页面

现在我想做的是…我希望用户点击添加到购物车按钮，但是我希望用户在表单提交到新窗口（不是javascript新窗口…类似lightbox/colorbox/fancybox DIV等）时停留在产品页面上

我研究了许多jQuery插件，但没有得到满意的答案……哪种插件最适合我的情况？有简单的例子吗

基本上，我想提交到一个新的覆盖div，并在该div内将用户重定向到一个新页面以显示产品信息

谢谢（在我看来），最简单的方法是将target属性添加到表单中，该表单将打开新窗口，而当前页面不会改变…

您可以在中找到一些信息，代码来自以下答案之一：

$('input#submitButton').click( function() {
    $.post( 'some-url', $('form#myForm').serialize(), function(data) {
         ... do something with response from server
       },
       'json' // I expect a JSON response
    );
});

在“DosomethingResponse”中，您可以获取数据或url并将其加载到覆盖div中。 如果是URL，则可以使用jquery.load：

$('#result').load('ajax/test.html');

如果是html（或用html包装的数据），只需这样做

$('#result').html(theHTML)

---

您似乎正在寻找异步表单提交的一些功能。这为表单提供了AJAX功能。您将有类似于：

$('#AddItemForm').submit( function() {
    // Submit asynchronously
    $( this ).ajaxSubmit( function() {
        // Form processing is done
        // Redirect to the shopping cart page
    });

    // Show a modal or a fancy "please wait" message

    // Prevent default submission
    return false;
});

---

我真的很想远离javaScript弹出窗口。@Highwinger为什么不使用模态对话框呢？我从来没有使用模态对话框…请提供示例/示例？这叫做

Jquery UI模态对话框

。如果两者不是同一个页面，你不能“…将用户重定向到购物车页面”和“…停留在产品页面”。你可以改变方向，也可以留下来。在这种情况下是胡说八道，除非两者都是同一页