4

使用 jQuery 提交表单时，是否可以将生成的页面（在提交之后）放置在另一个 HTML 元素中？

我会尽力使这一点更清楚。到目前为止，我一直在使用回调方法，其中包括

document.forms['form'].submit();

每当使用新信息更新表单并需要刷新时。但是，这会导致整页刷新。我正在使用 jQuery 实现部分页面刷新，并考虑使用类似的东西

var newContent = jQuery('#form').submit();
jQuery('#div').load(newContent);

但是，这似乎不起作用，因为页面仍然完全刷新。内容是正确的，但行为似乎与以前完全相同 - 所以我不确定我想要的是否真的可以使用 jQuery。任何提示和指示都会有所帮助。

谢谢。

4

2 回答 2

4

您需要做的是使用其中一种 ajax 方法来发布您的表单，并将输出注入到success回调中的一个元素中。例如：

$("#submit").click(function() {
    $.post($("#form").attr("action"), $("#form").serialize(), function(html) {
        $("div.result").html(html);
    });
    return false; // prevent normal submit
});

看看$.post和$.ajax

于 2010-03-18T00:52:21.237 回答
1

问题不清楚。花更多时间了解 jquery ajax api 以找到使用 jquery ajax 更新 dom 元素的更好方法。

如果您正在谈论由于 ajax 调用而导致 dom 更改后事件绑定不起作用。请参阅事件 api 中的 Jquery live/die 方法。

于 2010-03-18T00:55:04.037 回答