Django - Google Maps API - pass JS variables to view.py through forms

If you wanted to pass variables from the JS to django then you could look at posting an ajax request to your view and providing whatever data you want in the data attribute.

For example, I'm in the middle of doing exactly this using Knockout JS so I have this ajax request;

$.ajax({
    url: URLS.design,
    method: 'POST',
    data: {
        data: ko.mapping.toJSON(structure_data)
    },
    success: function (response, textStatus, error) {
        console.log('SUCCESS')
    },
    error: function (request, textStatus, error) {
        console.log('error')
    }
});

You could get the field values, variables or whatever else you wanted and pass them in the data attribute of $.ajax.

Alternatively you could setup fields in your ModelForm with the HiddenInput() widget so your javascript can populate them, without your user worrying about them. Then if they were populated correctly, you could just post the form & your data would be sent to the view.

To read up on Ajax, this looks like a great article; https://realpython.com/blog/python/django-and-ajax-form-submissions/

Essentially the url attribute would just be somewhere you've got your view setup like /myapp/myview/ and then in your view it's very similar to how you'd handle any normal POST request. For example, I'm currently doing this with the above bit of Javascript when it hits my view;

def get_forms(self, forms):
    data = None

    if self.request.method in ('POST', 'PUT'):

        if self.request.is_ajax():
            _json = self.request.POST.get('data')
            data = json.loads(_json)
        else:
            data = self.request.POST

Update

Well first of all when you're defining your URL, make sure you include a trailing slash or when it hits Django it'll get redirected. So you'll want url: '/place/new/'.

Also, your response from the server should return JSON if it's received an AJAX request. So you might do something like;

def placenew(request):
    if request.method == 'POST':
        test = request.POST.get('address')
        response_data = {}

        if request.is_ajax():
            return HttpResponse(
                json.dumps(response_data),
                content_type="application/json"
            )
        return render(
            request, 'app/placenew.html', {'key':key}
        )
    else:
        print ("not POST")
        return render(request, 'app/placenew.html', {'key':key})

Also, I'm assuming you've followed that tutorial and have your ajax call defined within a function which you trigger somehow when your form is submitted?