django form结合ajax提交数据-优快云博客

本文链接：https://blog.youkuaiyun.com/wcxt2012/article/details/84367216

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在提交评论的时候不想刷新页面，这个时候就需要用到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>