这是我的 javascript 代码，运行良好。但我喜欢将 javascript 文件分开，而不是用作内联脚本标签
<script>
$('.book').click(function() {
var id= $(this).attr('id');
data={
'id':id,
'csrfmiddlewaretoken':'{{ csrf_token }}',
};
$.ajax({
url: '/post/book/',
cache:'false',
dataType:'json',
type:'POST',
data:data,
success: function(data){
//do something
else {
//do something
}
},
error: function(error){
alert('error; '+ eval(error));
}
});
return false;
});
});
</script>
我想将其包含在我已包含在我的 base.html 中的 custom.js 文件中。 这是
{% load static from staticfiles %}
{% load bootstrap3 %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}{% endblock %}</title>
{% bootstrap_css %}
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<link href="{% static "css/custom.css" %}" rel="stylesheet">
<!-- Latest compiled and minified JavaScript -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.js"></script>
<script src="{% static "js/custom.js" %}" ></script>
<script src="{% static "js/jquery.blockUI.js" %}"></script>
{% bootstrap_javascript %}
{% load bootstrap3 %}
{% load static from staticfiles %}
{% block content %} {% endblock %}
我无法将 Django 中当前模板中可用的 csrf_token 引用到 static js 文件。我怎样才能让它工作？
最佳答案
如果您想引用模板标签，那么您需要该文件由 Django 模板化(呈现)。而且我不建议通过 Django 呈现所有静态文件...
您可以将 csrf_token 放在一个全局变量中，然后您可以从脚本中访问该变量。在你的 base.html 中是这样的:
<script>
var csrftoken = '{{ csrf_token }}';
</script>
或者您可以从 javascript 文件中的 cookie 中提取 csrftoken。参见 this question寻求解决方案。该 cookie 称为 csrftoken。您可以通过打开您的开发工具并查看您域的 cookie 来查看它。
关于javascript - 如何将 csrf_token 传递给 django 中的 javascript 文件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23349883/