Question

我希望在点击<form>班up-arrow-form后提交来自班级<div>的{{1}}。该表单包含一个up-arrow标记<input>，其标记为type='hidden'，我希望将其传递给要操作的视图。我如何使用Ajax做到这一点？

以下是我模板中的相关html ...

{{i.id}}

到目前为止，这是我的jQuery / AJAX ...

{% 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 %}

查看... 的

$(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})

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);
            }
        });

    });
});

Django / Python：使用AJAX点击div后如何提交表单？

1 个答案: