Как передать массив javascript в файле html в другой файл html в django, а также перенаправить в новый файл html

Question

 var resulttable = "<table border=1>";
    resulttable += "<tr>";
        resulttable += "<th>"+heading1+"</th>";
        resulttable += "<th>"+heading2+"</th>";
        resulttable += "<th>"+heading3+"</th>";
        resulttable += "<th>"+heading4+"</th>";
    resulttable += "</tr>";
    for(var i=0; i<angles.length; i++) {
        resulttable += "<tr>";
            resulttable += "<td>"+angles[i]+"</td>";
            resulttable += "<td>"+expert_angle[i]+"</td>";
            resulttable += "<td>"+user_angle[i]+"</td>";
            resulttable += "<td>"+diff[i]+"</td>";

        resulttable += "</tr>";
    }

Над строкой javascript в файле html. Я хочу передать эту строку в другой другой html файл и показать его содержимое пользователю. Я не могу отобразить его на текущей странице, так как он уже содержит много содержимого. Я хочу знать, как передать массив javascript в другой файл и как перенаправить в новый файл html после передачи строки

Любая помощь будет оценена и заранее спасибо

Answer 1

У меня есть идея, но это идея! отправьте этот массив js с помощью AJAX или любым другим инструментом, но как в форме с одним входным текстовым полем, на сервер, в функцию views.py внутри этой функции вы можете взять текст и снова передать его в новый файл html и визуализацию.

<form id="js-table-form" method="post"  action="{% url 'js-table' %}" >
     <input type="hidden" id="js-table-holder" name="tablejs" />
</form>
<a href="javascript:{}" id="js-form-submit" > click here! </a>
<script>
    $("#js-form-submit").on('click', function (){
        $("#js-table-holder").val(" here must be your table data ");
        $("#js-table-form").send();
   });
</script>

в urls.py -> urlpatterns:

path('js-table', views.js_table, name="js-table")

в views.py:

def js_table(request):
    table = str()
    if request.method == 'POST':
         table = request.POST.get('tablejs') # the hidden inputs name attribute value!
    return render (request, "table_page.html", {"table": table})

в table_page. html:

{{ table|safe }}

вы можете захватить каждую часть таблицы в поле ввода отдельно, а затем снова в последнем шаблоне перестроить часть таблицы по части