使用AJAX

# 定义内部类
    class Media:
        js = (
            'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js',  # jquery
        )

<button id="myButton" type="button">Click</button>
<div id="myOutput">before click</div>
<script type="text/javascript">
    $("#myButton").click(function(e) {
       $.ajax({
           type : "POST",
           url : "{% url 'ajax_post' %}",
           data: {
                 dataType : "json",
                 csrfmiddlewaretoken: '{{ csrf_token }}',
                 currentUrl: '{{ request.path }}',
                 name : $('#name').val(),        
           },
           success: function(){
           $("#myOutput").html("Button clicked");
       }});
    });

    // var $thisForm = $(this).parents('form:first');
    // var formData = $thisForm.serializeArray();

</script>