如何在Django的模型中插入JavaScript变量?

时间:2019-04-22 22:11:43

标签: javascript python django

我正在尝试将用户的经度和纬度保存到模型中,以便与各种API配合使用,以处理交通和天气等问题。我使用html5中的navigator.geolocation获取用户的纬度和经度。将此信息保存到UserProfile模型的最佳方法是什么?

我尝试设置要使用的表单,但无法与启用地理定位的复选框一起使用。我也曾考虑过使用Ajax,但不知道如何在django中将数据传递给模型。

<script type="text/javascript">
    $(document).ready(function(){
        $('input[type="checkbox"]').click(function(){
            if($(this).prop("checked") == true){
                getLocation()
            }
            else if($(this).prop("checked") == false){
                console.log("Location services are disabled");
            }
        });
    });
  function getLocation() {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition);
    } else { 
      console.log("Geolocation is not supported by this browser.");
    }
  }
    function showPosition(position) {
        console.log("Latitude: " + position.coords.latitude + 
        " Longitude: " + position.coords.longitude);
        var latlon = (position.coords.latitude + ','+ position.coords.longitude)
        console.log(latlon)

    };

这就是我用来获取用户位置的信息,它位于我为用户设置的profile.html页面中。我是Django的新手,并且对代码以及堆栈溢出进行了总体编码,因此,如果我需要或多或少地包含它,或者应该以其他方式提出这一要求,请告诉我!

1 个答案:

答案 0 :(得分:0)

假设您具有以下用户模型:

(require 'symbol-overlay)
(defun enable-symbol-overlay-mode ()
  (unless (or (minibufferp)
              (derived-mode-p 'magit-mode)
              (derived-mode-p 'xref--xref-buffer-mode))
    (symbol-overlay-mode t)))
(define-global-minor-mode global-symbol-overlay-mode ;; name of the new global mode
  symbol-overlay-mode                                ;; name of the minor mode
  enable-symbol-overlay-mode)
(global-symbol-overlay-mode)                         ;; enable it
(global-set-key (kbd "s-`") 'symbol-overlay-put)
(setq symbol-overlay-map (make-sparse-keymap))       ;; disable special cmds on overlays

设置中指定
class UserProfile(AbstractUser):
    latitude = models.FloatField(null=True, blank=True)
    longitude = models.FloatField(null=True, blank=True)

我们需要创建一个处理它的视图:

AUTH_USER_MODEL = "theapp.UserProfile"

然后是模板,例如:

from django.views.generic import DetailView
from django.http.response import HttpResponse
from .models import UserProfile

class UserView(DetailView):
    template_name = "profile.html"
    model = UserProfile
    context_object_name = 'profile'

    def post(self, request, *args, **kwargs):

        profile = self.get_object()
        lat = request.POST.get("latitude")
        long = request.POST.get("longitude")

        if lat is None or long is None:
            return HttpResponse()

        profile.latitude = float(lat)
        profile.longitude = float(long)
        profile.save()

        return HttpResponse()

注意额外的csrftoken javascript功能。

这只是一种实现方式。当然,使用django-rest-framework

有更好的方法