从django模板内将变量从ajax传递到外部javascript

当用户按submit时，我有一个很长的（~20”）的任务，因此当进程在后台运行时，我会显示加载的gif，如下所示： 在django HTML模板中，我放置了以下代码：

<script  type="text/javascript">
    $.ajax({
        url: "{% url 'execute_request' %}",
        type: 'GET',
        data:{{data|safe}},
        dataType: 'json',
        success: function(data){

            var data1 = data.data1;
            var data2 = data.data2;
            $('.loading').hide();//hide the loading gif
            $('#showResult').show();//show the div with the result    
        },
        error: function(xhr){
               alert(xhr.responseText); 
        }
    });
    </script>

$.ajax({
url:“{%url'执行请求'%}”，
键入：“GET”，
数据：{data | safe}}，
数据类型：“json”，
成功：功能（数据）{
var data1=data.data1；
var data2=data.data2；
$（'.loading'）.hide（）；//隐藏正在加载的gif
$（'#showResult'）.show（）；//显示带有结果的div
},
错误：函数（xhr）{
警报（xhr.responseText）；
}
});

在view.py中对view函数的ajax调用工作得很好，我得到了生成的数据。这些数据需要传递到一个外部javascript文件，在该文件中，它将生成svg图形，如上面提到的div所示，id为“showResult”

我从相同的html模板调用javascript，如下所示：

<script src="{% static 'resources/js/visualize_data.js' %}"></script>

如何将两个变量data1和data2传递给javascript visualize_data.js？ 谢谢你的帮助