jQuery - 通过 AJAX 提交表单并将结果页面放入 div...?

2023-12-15

我正在使用 jQuery 表单(http://jquery.malsup.com/form/)将数据发送到表单 - 有没有办法可以在不刷新的情况下将表单生成的结果页面放入页面上的 div 中?

任何建议表示赞赏!


我会建议not使用该表单插件- 它是在没有使用 jQuery 序列化表单数据的简单方法之前制作的,并且不再有任何实际用途。我会建议这样的事情:

$("form").submit(function() {
    $.post($(this).attr("action"), $(this).serialize(), function(data) {
        $("#someDiv").html(data);
    });
    return false; // prevent normal submit
});

如果你坚持使用jQuery 表单插件- 不推荐 -,您可以设置target您想要填充的元素选择器的选项:

// prepare Options Object 
var options = { 
    target:     '#divToUpdate', 
    url:        'comment.php', 
    success:    function(data) { 
        alert('Thanks for your comment!'); 
    } 
}; 

看一眼http://jquery.malsup.com/form/#options-object了解更多信息。

为了防止刷新,只需确保表单的onsubmit事件返回 false:

<form method="post" onsubmit="return false">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery - 通过 AJAX 提交表单并将结果页面放入 div...? 的相关文章