在 Django 中提交后刷新 Div答案

【问题标题】：Refresh Div after submit in Django在 Django 中提交后刷新 Div
【发布时间】：2015-10-30 14:14:03
【问题描述】：

我有一台运行 Django 的服务器。在一个模板中，我有一个带有提交操作的表单，它将信息从应用程序发送到 views.py。

所以，当用户点击一个按钮时，他将信息提交给 Django，为了防止页面刷新，我制作了一个提交但不刷新页面的功能，以保留页面上的一些数据. 这是js函数：

   $(function() {
      $('#Values_all_Form').submit(function(e){
        $.post('/en/projects/ford/submit', $(this).serialize(), function(e){ 
        });
        e.preventDefault();
      });
    });

如何在 ajax 或 javascript 中创建一个函数，在提交刷新或重新加载一个 Div 之后，我有一个这样的表：

<div id="divResult">
    <table>
        <tr>
            <td>author</td>
            <td>qty</td>
            <td>Amount</td>
        </tr>

        {% for author, values in data.items %}
        <tr>
            <td>{{author}}</td>
            {% for v in values.0 %}
            <td>{{v}}</td>
            {% endfor %}
        </tr>
        {% endfor %}
    </table>
</div>

【问题讨论】：

stackoverflow.com/questions/19454310/…
谢谢，但我已经在我的 js 函数中做了这个以防止 refres 孔页，我想要的只是刷新一个 div，它是我的桌子
在表单中使用事件onsubmit 并使用document.getElementById('myiframe').reload(true); 或location.reload():
表单和 div 是两个不同的东西。 <form action=submit method="POST"> ... some code .... <button >Submit values </button> <div id="divResult"> <table> <tr> <td>author</td> <td>qty</td> <td>Amount</td> </tr> {% for author, values in data.items %} <tr> <td>{{author}}</td> {% for v in values.0 %} <td>{{v}}</td> {% endfor %} </tr> {% endfor %} </table> </div> 我只想刷新/重新加载 div 而不是表单。

标签： javascript jquery html ajax django

【解决方案1】：

昨天刚做了这样的事情。我使用 setTimeout 让数据库有时间在刷新 div 之前填充。我将它插入到我的提交函数中。如果您尝试刷新 {% for %} 循环中的 html，则必须将循环包装在某种包装器 div 中并将其作为目标。

setTimeout (function() {
  $('#divResult').load(document.URL + ' #divResult');
}, 1000);

【讨论】：

谢谢，但我知道怎么做。是否与您的功能相关，但我不需要超时，因为该内容会刷新一次。 $(function(){ $('#Values_all').submit(function(e){ $.post('/en/projects/ford/submit', $(this).serialize(), function(e){ $('#divResul').load('/en/data_table/' + '#divResul'); }); e.preventDefault(); }); });