URL を変数としてモジュールに渡すことができます。
<script src="{{ STATIC_URL }}js/my-module.js"></script>
<script>
$(function(){
MyModule.init('{% url my_url %}');
});
</script>
// js/my-module.js
var MyModule = {
init: function(url) {
doSomething(url);
}
};
または多くの
<script src="{{ STATIC_URL }}js/my-module.js"></script>
<script>
$(function(){
MyModule.init({
my_url: '{% url my_url %}',
other_url: '{% url other_url "param" %}'
});
});
</script>
// js/my-module.js
var MyModule = {
init: function(options) {
var my_url = options.my_url,
other_url = options.other_url;
doSomething(my_url);
}
};
私はこの解決策に少し不満があり、django: django.jsで JavaScript を処理する独自のアプリケーションを作成することで終了しました。このアプリケーションでは、次のことができます。
{% load js %}
{% django_js %}
{% js "js/my-module.js" %}
// js/my-module.js
var MyModule = {
init: function() {
var my_url = Django.url('my_url'),
other_url = Django.url('other_url','param'),
my_static_file = Django.file('some-file.json');
doSomething(my_url);
},
other: function(param) {
$.get(Django.url('other_url', param), {urlParam: 'urlParam'}, function(data) {
doSomethingElse(data);
});
};
$(function(){
MyModule.init();
});