Django / Python:使用AJAX单击div后，如何提交表单？ - javascript

我希望单击类<form>中的up-arrow-form后，提交类<div>中的up-arrow。表单包含一个<input>标记，该标记是type='hidden'，其值{{i.id}}我想传递给该视图以进行操作。如何使用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(r'^voteuppost$', VoteUpPost.as_view()),

参考方案

好吧，这是一个示例，说明我通常如何使用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视图中渲染URL变量 - javascript

我试图在URL中传递一个id，它是在js中创建的，我需要在渲染中传递它，以便可以在新页面的jQuery中使用它。这可能吗？JSresults ="'results/"+this.pk+"'"; 网址url(r'^personnel/results/(\d*)/$', '…

什么是最好的免费JavaScript模糊处理程序，可以作为javascript库或python库使用 - javascript

我关注这篇文章：Free JavaScript obfuscators?找到一个JavaScript混淆器，可以帮助我在客户端混淆一些JavaScript数据。但我发现这些选择都不是python或javascript lib，they use java，我使用django，所以我想知道，最好的免费JavaScript混淆器是javascript库或pytho…

Javascript无法读取Django模板中字典的键和值 - javascript

我有一本像这样的字典：dest = {2: [u'canada', u'A', 'Ottawa'], 5: [u'Malaysia', u'A', 'KualaLumpur'],...} 然后，我尝试使用javascript从Django模…

Django在初始化中将波兰语字符传递给Angular会导致lexer错误 - javascript

这是问题所在-我想使用init从Django传递到Angular数据。我将通过以下方式进行操作：<div ng-init="supervisor={{supervision.supervisor}}"> 哪个看起来还好吧？但是，一旦变量{{supervision.supervisor}}包含Lexer Error: Unexp…

如何使用javascript在模板中使用以下python词典？ - javascript

我有这样的Python字典：{'test_data': ['reads_1.fq', 'reads_2.fq'], 'test_data/new_directory': ['ok.txt'], 'hello': ['ok.txt&…