How to pass a string with slashes from view to template?

Question

Why does the below code gives me

SyntaxError: unexpected token: ':'

in the browser's console whenever test view is called?

Is it because the JavaScripts sees the text after slashes in the URL as commented lines?

How do I fix that?

The view:

 def test(request):
        context = {
            'url': 'https://www.google.com',
        }
        return render(request, 'explorer/test.html', context)

The template test.html :

<script>    
  var url = {{ url }}    
  console.log(url)    
</script>

Answer 1

这是一个字符串，你只需要把它放在引号中。

var url = "{{ url }}";

Answer 2

Probably the safest way to tackle this is to encode it as a JSON blob, and then use the safe template filter to make sure that Django does not escape the string, like:

import json

def test(request):
        context = {
            'url': 'https://www.google.com',
        }
        return render(request, 'explorer/test.html', context)

and then in the template render it like:

<script>
  var url = {{ url }}    
  console.log(url)    
</script>

If for example the string you aim to transfer would contain a quote, etc., we could end up with the string terminating in advance, with json.dumps , this is avoided, for example:

>>> json.dumps('"To be or not to be"')
'"\\"To be or not to be\\""'

So now we have some guarantees that the output is a valid JavaScript object.