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

发布时间:2019-12-08 整理:脚本之家
脚本之家收集整理的这篇文章主要介绍了表单 – jQuery – 通过AJAX提交表单并将结果页面放入div …?脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!
我正在使用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 …?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478
脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!