0

我在 asp Classic 中有这样的表格..

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

// 一堆隐藏字段。

然后是提交按钮。

表单的操作采用所有隐藏字段，然后在处理它们后将用户重定向到 CART 页面。

现在我想要做的是....我希望用户单击“添加到购物车”按钮，但是我希望用户在表单提交到新窗口时留在产品页面上（不是 javascript 新窗口......类似于灯箱/彩盒/花式盒 DIV 等）。

我查看了许多 jQuery 插件，但没有得到满意的答案……哪个插件最适合我的情况？任何简单的例子？

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

谢谢

4

3 回答 3

1

您似乎正在寻找一些用于异步表单提交的功能。有一个为表单提供 AJAX 功能的jQuery 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;
});
于 2013-02-20T08:46:57.310 回答
0

最简单的方法（在我看来）是将目标属性添加到将打开新窗口的表单中，而当前页面不会更改...

于 2013-02-20T06:29:33.860 回答
0

您可以在此答案中找到一些信息，其中一个答案的代码：

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

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

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

如果它是 html（或您用 html 包装的数据），只需执行

$('#result').html(theHTML)
于 2013-02-20T06:46:09.273 回答