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

前端之家收集整理的这篇文章主要介绍了提交表单而不刷新/重定向当前页面(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,它可以在这里完成……等等)

猜你在找的HTML相关文章