将Javascript变量传递给Django视图

时间:2015-12-19 18:19:01

标签: javascript jquery python django

我使用它和HTML CSS制作了一个JavaScript / jQuery游戏。现在我试图将所述游戏集成到Django后端。目前,我有一个.js文件,其中包含我的所有Javascript / jQuery逻辑。它是HTML页面的<linked>,基本上控制着整个游戏流程。

如何在我的Django 中的.js文件中访问JavaScript变量

.js代码......
我想在我的Django视图中访问this.clicks变量。

this.total = 18
this.clicks = 0
this.move = function(num){  //Adds or subtracts one from total depending on which player calls it
    if(this.total == 0){
        $('#oneone').show();
    }else if(this.total == 36){
        $('#twoform').show();
    }else{
        this.total += num
        this.clicks += 1
        return this.total
    }
}

Django视图......

class EndGame(View):
    def get(self, request, victor, gameid, player1id, player2id):
        print(gameid)
        if int(victor) == 1:  ##player one
            self.TallyUpScore(1, player1id, player2id)
            self.UpdateGameStats(1, gameid)
        else:  ##player two
            self.TallyUpScore(2, player1id, player2id)
            self.UpdateGameStats(2, gameid)
        return redirect('/')

1 个答案:

答案 0 :(得分:2)

首先需要检索csrf令牌:

    function getCookie(name) {
        var cookieValue = null;

        if (document.cookie && document.cookie != '') {
          var cookies = document.cookie.split(';');

          for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);

            if (cookie.substring(0, name.length + 1) == (name + '=')) {
              cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
              break;
            }
          }
        }
        return cookieValue;
     }

然后使用ajax将数据发送到django视图:

$.ajax({
    headers: {
        'Content-Type':'application/json',
        'X-CSRFToken': getCookie('csrftoken')
    },
    url:  'here_your_view_url/' + this.clicks,
    type: "GET",
    success:function(response){
        //alert("success: " + response);
    },
    error:function (xhr, textStatus, thrownError){
        //alert("failure: " + xhr.statusText);
    }
}).done(function (response) {
    //alert("end");
});

<强> views.py

    def my_view(request):
        clicks = request.GET.get('clicks')

<强> urls.py

url(r'^here_your_view_url/(?P<clicks>\d+)', 'my_view')

我建议您查看Django Ajax了解详情。