jQuery – 通过AJAX提交表单并将结果页面放入div …？

我正在使用jQuery Form（ http://jquery.malsup.com/form/ ）将数据发送到表单 – 有没有一种方法可以在不刷新的情况下将表单生成的结果页面放入div在页面上？

任何建议赞赏！

Answer 1

我建议不要使用那个表单插件 – 它是在使用jQuery序列化表单数据的简单方法之前的几天内制作的，并且不再有任何实际用途。 我会建议这样的事情：

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

---

如果你坚持使用jQuery Form Plugin – 这是不推荐的 – 你可以将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：