加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 18:31:11 所属栏目:资源 来源:网络整理
导读:使用 Python和jQuery Ajax完全提交表单而不刷新当前页面的方法?我希望最终结果与Facebook评论的工作方式类似. 我目前正在使用jQuery Form来执行Ajax.但是,它没有给我我想要的用户体验,因为: 使用jQuery表单提交后,地址栏上的URL刷新为我提交的表单. 它确实
使用 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,它可以在这里完成……等等)

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读