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

概述我正在使用jQuery Form( http://jquery.malsup.com/form/)将数据发送到表单 – 有没有一种方法可以在没有刷新的情况下将表单生成的结果页面放到页面上的div中？ 任何建议赞赏！ 我建议不要使用那个表单插件 – 它是在使用jQuery序列化表单数据的简单方法之前的几天内制作的,并且不再有任何实际用途.我会建议这样的事情： $("form").submit(fun 我正在使用jquery Form( http://jquery.malsup.com/form/)将数据发送到表单 – 有没有一种方法可以在没有刷新的情况下将表单生成的结果页面放到页面上的div中？

任何建议赞赏！

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

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

如果您坚持使用jQuery Form Plugin – 不推荐 –,您可以将目标选项设置为您要填充的元素的选择器：

// 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">

总结

以上是内存溢出为你收集整理的表单 – jQuery – 通过AJAX提交表单并将结果页面放入div …？全部内容，希望文章能够帮你解决表单 – jQuery – 通过AJAX提交表单并将结果页面放入div …？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。