微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

提交表单而不刷新/重定向当前页面(Python(Django)jQuery Ajax)

使用 Python和jQuery Ajax完全提交表单而不刷新当前页面方法?我希望最终结果与Facebook评论的工作方式类似.

我目前正在使用jQuery Form来执行Ajax.但是,它没有给我我想要的用户体验,因为:

>使用jQuery表单提交后,地址栏上的URL刷新为我提交的表单.
>它确实刷新了页面.我特别不喜欢它,让我说我在页面底部向下滚动到最大值.提交表单后,它刷新页面,焦点被重定向页面顶部.

我希望我已经明确表达了我想要的东西.我需要Facebook评论系统的作品.有人评论说,然后评论提交没有任何刷新页面.

编辑

jQuery代码

$('#review_submit').submit(function() { 
        var options = {};           
        $(this).ajaxSubmit(options);
        return false; 
});



    $('[name=submit_review_btn]').click(function(){                      
        $('#review_submit').submit();
    });

因此,处理提交的python代码需要从其服务器端代码重定向页面,因此将页面重定向到此URL“main_URL.com”

显示jQuery代码后,结果如下:

> URL显示在地址栏上:main_URL.com/ form_action_url< ---这是我设置提交表单的表单操作.
>页面重定向到我在服务器端设置的页面.

我对这种Ajax体验感到困惑.

解决方法

您可以通过使用jquery的ajaxPost而不是使用jquery的表单来处理这个问题.这将允许你.serialize()表单(获取参数)并能够返回到JS函数,以便在’表单提交’后执行您想要的操作.查看 jQuery.post()

jsFiddle

当帖子通过AJAX调用发生时,这不会刷新页面.它允许你在帖子通过之后运行一个函数并且你想要它(如果帖子返回数据,它将在这里可用…如果你想在这个之后做另一个GET或POST,它可以在这里完成……等等)

原文地址:https://www.jb51.cc/html/226174.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐