django form结合ajax提交数据

最新推荐文章于 2025-12-01 20:47:44 发布

原创最新推荐文章于 2025-12-01 20:47:44 发布 · 332 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#django form ajax submit jquery #django #ajax

本文介绍了如何利用Ajax技术在不刷新页面的情况下提交评论，通过JavaScript实现数据的异步发送和响应，提升用户体验。

在提交评论的时候不想刷新页面，这个时候就需要用到ajax来提交数据。我使用的方法如下：

<script type="text/javascript">
    $(document).ready(function(){
        $("#post_answer_form").submit(function(){
            var data = $(this).serialize();
            $.ajax({
                type: $(this).attr('method'),
                url: "{% url article.views.answer article.id %}",
                data:data,
                beforeSend: function(XMLHttpRequest){
                },
                success: function(response){
                     if(response == 'success'){
                         var content = $('#id_content');
                         $('#answer-list').append('<p>'+content.val()+'</p>');
                         content.val('');
                     }
                },
                complete: function(XMLHttpRequest, textStatus){
                },
                error: function(response){
                    $('#answer-list').html(response);
                }
            });
            return false;
        });
    });
</script>