HTML页面不显示值

Question

我有一个 Python Web 应用程序，可将参数从数据库发送到 HTML 页面 页面加载后我看不到结果。

我在检查模式下检查了网络选项卡，我可以看到值正在进入页面。

页面中没有呈现的参数有： chaccount_id ,bank_name ,Company, seq_id

这是我的代码：

<form id="accounts_form" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {% load staticfiles %}
Account Number:<input  list="accountslist" id="accounts_id" name="accountsname"  value="{{ Account_id }}" >
<button id="getacc_id" type="submit" name="getacc" value="commit">Get Account Details</button>
 <img id="GETACC_loading" src="{% static "app/images/small_loading.gif" %}" hidden>
    <br />   <br />
  <br /><br />

   <datalist id="accountslist">
     <select id="accounslist" size="5">
         {% for account in  accounts  %}
         <option value="{{ account.0 }}"></option>
         {% endfor %}
         </select>
     </datalist>

   </form>


<table id="theTable" hidden>
<thead>
<tr>
      <td>Account id</td>
      <td>Bank Name</td>
      <td>Company Name</td>
      <td> Counter</td>
</tr>
</thead>
<tbody>
<tr>
  <td>{{ chaccount_id }}</td>
  <td>{{ bank_name }}</td>
  <td>{{ Company }}</td>
  <td>{{ seq_id }}</td>
</tr>

</tbody>
</table>
 {% endblock %}
{% block scripts %}
 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<script>
    $(function () {
        $('#getacc_id').click(function(evt){
               acctoshow=document.getElementById('accounts_id').value;
                evt.preventDefault();
            $('#GETACC_loading').show();
            $.ajax({
                type: "POST",
                url: 'Accountinfo',
                data: {
                    'acctoshow' : acctoshow,
                    'csrfmiddlewaretoken': '{{ csrf_token }}'
                },
                success: function (data, textStatus, jqXHR) {
                    $('#theTable').DataTable(
           {

               stateSave: true,
               "sDom": 'C<"clear">rfrtip',
               "scrollCollapse": true,
               "paging": true,
               responsive: true
        });    
    $('#theTable').show();             
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    $('#rb_loading').hide();
                    alert("could not find accoutn detials, please try again!");
                }
            })
        });

     $('#updaterec_id').click(function () {
            bankname=document.getElementById('newbanks_id').value;
            companyname=document.getElementById('newcompany_id').value;
            counterid=document.getElementById('ncounterid').value;
            accid=document.getElementById('retriveacc_id').value;
            $('#GETACC_loading').show();
            $.ajax({
                type: "POST",
                url: 'Accountinfo',
                data: {
                    'bank' : bankname,
                    'company' : companyname,
                    'seq' : counterid,
                    'account' : accid,
                    'csrfmiddlewaretoken': '{{ csrf_token }}'
                },
                success: function (data, textStatus, jqXHR) {
                      $('#GETACC_loading').hide();      
                     alert("Account Details were updated!");
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    $('#GETACC_loading').hide();
                    alert("could not update account detials, please try again!");
                }
            })
        });

      });
    </script>
    {% endblock %}

谢谢，

尼尔

Answer 1

您应该在上下文中传递您的数据，例如使用渲染函数：https://docs.djangoproject.com/en/1.11/topics/http/shortcuts/#render