如何在Django中将python字符串作为字符串传递给javascript?

莉·利维(Ly Livy)

我有一个python字符串,它是javascript代码,我也想将此字符串作为字符串传递给javascript。

我的想法是将python字符串传递给javascript字符串,然后在javascript中使用eval()函数将该字符串转换为实际代码并执行它。

def login(request):
    success = '''
      window.location = '{% url 'home' %}';
      # some other codes
    '''
    return render(request, "app/login.html", {'success': success})
var code = "{{success}}"
console.log(code) // return Uncaught SyntaxError: Invalid or unexpected token

我也尝试过像这样将字符串作为json传递

def login(request):
    success = '''
      window.location = '{% url 'home' %}';
      # some other codes
    '''
    success = json.dumps(success)
    return render(request, "app/login.html", {'success': success})
var code = JSON.parse("{{success|safe}}");
console.log(code) //return Uncaught SyntaxError: missing ) after argument list

我尝试过的最后一件事是

def login(request):
    success = '''
      window.location = '{% url 'home' %}';
      # some other codes
    '''
    return render(request, "app/login.html", {'success': success})
<h3 id="success_id" hidden>{{success}}</h3>

<script>

var code = $("#success_id").text();
console.log(code) //return window.location = "{% url 'home' %}"

// if i do this
var code = "window.location = '{% url 'home' %}'";
console.log(code) // return window.location = /app/home/ 
// I want it to return the url like /app/home
</script>

我怎样才能做到这一点?

哈里森·奥斯丁·奥萨吉德

好的,从本质上来说,您想要使用Django将数据传递给js吗?

这与Django创建一个Json Response有关,然后JavaScript会发出一个请求,实质上是在使用某些API。

您编写了render函数的视图代码将不再需要...

就像是

JsonResponse({'success':success})  

从'django.http'导入JsonResponse之后将需要

然后在js文件中,您将不得不使用Ajax调用url及其必需的方法来获取所需的数据。

在您的脚本标签中,您将需要这样的内容

const xhr= new XMLHttpRequest ()
xhr.open('django_url', 'method')
xhr.onload = function () {
      const msg = xhr.response.success
}
xhr.send() 

如果您熟悉fetch或axios,则可以使用您选择的任何库。

django_url指的是连接该视图的URL,该方法指的是http_method,即“ GET”或“ POST”(最常用)。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Python中将字符串传递给函数

来自分类Dev

如何在MVC 5中将字符串作为模型传递给View?

来自分类Dev

如何在C中将字符串作为参数传递给线程

来自分类Dev

如何在MVC 5中将字符串作为模型传递给视图?

来自分类Dev

如何在JavaScript中将字符串变量传递给String.raw?

来自分类Dev

如何在Drupal中将长的JavaScript字符串传递给PHP hook_menu?

来自分类Dev

在模板中将字符串传递给Django URL

来自分类Dev

将PHP变量作为字符串传递给javascript

来自分类Dev

将PHP变量作为字符串传递给javascript

来自分类Dev

如何在python(django)中将数字与字符串隔离?

来自分类Dev

如何在脚本中将带有特殊字符的字符串传递给shell命令?

来自分类Dev

将字符串作为参数传递给 python 脚本

来自分类Dev

如何在Android中将字符串参数传递给AsyncTask

来自分类Dev

如何在视图中将字符串参数传递给url?

来自分类Dev

如何在Powershell中将字符串变量传递给命令?

来自分类Dev

如何在熊猫中将多个标志传递给字符串提取方法?

来自分类Dev

如何在SKScene(filenamed :)动画文件中将字符串传递给SKLabelNode?

来自分类Dev

如何在视图中将字符串参数传递给url?

来自分类Dev

如何在PHP和Mysql中将字符串值传递给Ajax

来自分类Dev

如何在bash中将条件字符串传递给命令

来自分类Dev

如何在VBA中将动态字符串参数传递给选择案例?

来自分类Dev

如何在Android Studio中将字符串值传递给ProgressBar?

来自分类Dev

如何在wsgi.py中将“ unicode字符串”传递给os.environ

来自分类Dev

如何在jsp中将拆分的字符串值动态传递给文本框

来自分类Dev

如何在 angularjs 中将多个值(字符串、数字、数组等)传递给元素指令

来自分类Dev

如何在 Angular 6 中将查询字符串传递给我的服务

来自分类Dev

如何在lua中调用外部程序并将字符串作为stdin传递给它?

来自分类Dev

如何在 if 语句中将字符串作为变量?

来自分类Dev

如何在JavaScript中将字符串与连字符匹配?

Related 相关文章

  1. 1

    如何在Python中将字符串传递给函数

  2. 2

    如何在MVC 5中将字符串作为模型传递给View?

  3. 3

    如何在C中将字符串作为参数传递给线程

  4. 4

    如何在MVC 5中将字符串作为模型传递给视图?

  5. 5

    如何在JavaScript中将字符串变量传递给String.raw?

  6. 6

    如何在Drupal中将长的JavaScript字符串传递给PHP hook_menu?

  7. 7

    在模板中将字符串传递给Django URL

  8. 8

    将PHP变量作为字符串传递给javascript

  9. 9

    将PHP变量作为字符串传递给javascript

  10. 10

    如何在python(django)中将数字与字符串隔离?

  11. 11

    如何在脚本中将带有特殊字符的字符串传递给shell命令?

  12. 12

    将字符串作为参数传递给 python 脚本

  13. 13

    如何在Android中将字符串参数传递给AsyncTask

  14. 14

    如何在视图中将字符串参数传递给url?

  15. 15

    如何在Powershell中将字符串变量传递给命令?

  16. 16

    如何在熊猫中将多个标志传递给字符串提取方法?

  17. 17

    如何在SKScene(filenamed :)动画文件中将字符串传递给SKLabelNode?

  18. 18

    如何在视图中将字符串参数传递给url?

  19. 19

    如何在PHP和Mysql中将字符串值传递给Ajax

  20. 20

    如何在bash中将条件字符串传递给命令

  21. 21

    如何在VBA中将动态字符串参数传递给选择案例?

  22. 22

    如何在Android Studio中将字符串值传递给ProgressBar?

  23. 23

    如何在wsgi.py中将“ unicode字符串”传递给os.environ

  24. 24

    如何在jsp中将拆分的字符串值动态传递给文本框

  25. 25

    如何在 angularjs 中将多个值(字符串、数字、数组等)传递给元素指令

  26. 26

    如何在 Angular 6 中将查询字符串传递给我的服务

  27. 27

    如何在lua中调用外部程序并将字符串作为stdin传递给它?

  28. 28

    如何在 if 语句中将字符串作为变量?

  29. 29

    如何在JavaScript中将字符串与连字符匹配?

热门标签

归档