javascript - Django/Python : How to submit form once div is clicked using AJAX?

Question

我想要一个<form>来自类(class)up-arrow-form提交一次 <div>来自类(class)up-arrow被点击。该表格包含 <input>标签是 type='hidden'其值为 {{i.id}}我想传递给 View 进行操作。如何使用 Ajax 执行此操作？

这是我的模板中的相关 html...

{% for i in post.posts %}
    <li>
        <div>
             <div class='up-arrow'>
                 <form class='up-arrow-form' action='voteupposts'>
                     <input type='hidden' value='{{i.id}}' name='post-id'>
                 </form>
             </div>
             {{i}}
        </div>
    </li>
{% endfor %}

这是迄今为止我的 jQuery/AJAX...

$(document).ready(function(){
    $('.up-arrow').click(function(){
        $(this).hide()
        $('.up-arrow-form').submit(function(){
            $.get('voteuppost', $(this).serialize(), function(res){
            })
            return false
        })
    });
})

查看...

class VoteUpPost(View):
    def get(self, request):
        print(request.GET.get('blaze'))
        return JsonResponse({'status': True})

URL 路由...

url(r'^voteuppost$', VoteUpPost.as_view()),

Answer 1

嗯，这是一个关于我通常如何使用 ajax 发出请求(合并您的代码)的示例。可能不完全是您所需要的，但应该为您指明正确的方向......

$('.up-arrow').click(function(){
    $(this).hide()
    $('.up-arrow-form').submit(function(){

        $.ajax({
            url: 'http://someurl.com/voteuppost',
            type: 'GET'
            data: $(this).serialize(),
            success: function(data) {
                // do something on success
            },
            error: function(err) {
                console.log('err: ' + err);
            }
        });

    });
});